zm/nuttyreading-html
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

引入日历前

Browse Source
This commit is contained in:
@fawn-nine
2023-08-21 18:05:19 +08:00
parent 57d70c40f2
commit ef6c52c0d4
48 changed files with 4003 additions and 386 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
pages/peanut/home.vue
View File

@@ -10,28 +10,26 @@
</view>
<!-- <view class="home_nar" v-if="showEbook"> -->
<view class="home_nar">
<view class="hn_cl_tit chaoshi" @click="onPageJump('../bookShop/classify')">
<image src="../../static/icon/home_bar_2.png" mode="aspectFit"></image>
<text>读书</text>
</view>
<view class="hn_cl_tit shuguan" @click="onPageJump('../clock/clock')">
<image src="../../static/icon/daka.png" mode="aspectFit"></image>
<text>读书打卡</text>
</view>
<view class="hn_cl_tit dianzishu" @click="onPageJump('../listen/home')">
<image src="../../static/icon/home_bar_1.png" mode="aspectFit"></image>
<image src="../../static/icon/ting11.png" mode="aspectFit"></image>
<text>听书</text>
</view>
<!-- <view class="hn_cl_tit dianzishu" @click="onPageJump('../eBook/bookList')">
<image src="../../static/icon/home_bar_1.png" mode="aspectFit"></image>
<text>电子书</text>
</view> -->
<!-- <view class="hn_cl_tit" @click="onPageJump('../bookShop/bookShopIndex')"> -->
</view>
<!-- <view class="hn_cl_tit" @click="onGoing()">
<image src="../../static/icon/home_bar_3.png" mode="aspectFit"></image>
讲书
<!-- <view class="hn_cl_tit" @click="onPageJump('../bookShop/bookShopIndex')"> -->
<view class="hn_cl_tit shuping" @click="onTabJump()">
<image src="../../static/icon/pingshu1.png" mode="aspectFit"></image>
<text>书评</text>
</view>
<view class="hn_cl_tit" @click="onGoing()">
<image src="../../static/icon/home_bar_4.png" mode="aspectFit"></image>
论文集
</view> -->
<view class="hn_cl_tit chaoshi" @click="onPageJump('../bookShop/classify')">
<image src="../../static/icon/home_bar_2.png" mode="aspectFit"></image>
<text>图书馆</text>
</view>
</view>
<view class="home_lunbo">
@@ -88,9 +86,9 @@
</view>
</view>
<view class="head_line" v-if="showEbook">
<view class="head_line" >
<b></b>
<text>新书上架</text>
<text>新书上市</text>
<i @click="onBookMore('New')">查看更多 ></i>
</view>
@@ -112,7 +110,11 @@
</view>
<br clear='both'>
</view>
<!--按类型 类型推荐 -->
<view class="tuijianView">
</view>
<!-- end -->
<view class="head_line" v-if="showEbook">
<b></b>
<text>限时特价</text>
@@ -177,7 +179,8 @@
{{item.productName}}
</view>
<view class="goodsPrice">
￥{{item.price}}
<span class="price">￥{{item.price}}</span>
<span class="Salesnum">已售：{{item.sumSales}} 件</span>
</view>
</view>
</view>
@@ -473,6 +476,7 @@
this.$http
.post('book/shopproduct/appGetList?limit=30&page=1&istop=1')
.then(res => {
console.log(res.page.list,'首页商品')
this.goodsList = res.page.list
})
},
@@ -538,7 +542,7 @@
</script>
<style lang="scss" scoped>
@import '@/style/mixin.scss';
.head_line {
margin: 50rpx 0 0 0;
@@ -611,35 +615,35 @@
}
}
.home_nar {
margin: 60rpx 50rpx 0 50rpx;
.home_nar { padding-bottom: 20rpx;
margin: 30rpx 20rpx; justify-content: space-between;
display: flex;
color: #333;
.dianzishu{ margin-right:10rpx;
background-color: #d6ffda; border: 2px solid #bae9bf; margin-left:10rpx;
background-color:#f8d6f4 ; border: 2px solid #edcce9;
}
.chaoshi{background-color:#fff2d8 ; border: 2px solid #ede6d3; }
.hn_cl_tit {
width: 50%;
.shuping{ background-color: #d6ffda; border: 2px solid #bae9bf;}
.shuguan{ background-color:#e3f9f9 ; border: 2px solid #d7eced; }
.hn_cl_tit { padding-bottom: 10rpx;
width: 23%;
text-align: center;
border-radius: 20rpx ; padding-top: 10rpx;
// line-height: 110upx;
display: flex;
//display: flex;
align-content: center;
justify-content: center;
image {
width: 110upx;
height: 110upx;
display: inline-block;
// margin: 0 auto;
// margin: 0 20rpx;
height:110upx;
display: block;
margin: 0 auto;
margin: 0 20rpx;
}
text{height: 100upx; display:inline-block; line-height: 100upx; font-size: 34rpx;}
text{ display:block; font-size: 34rpx;}
}
.hn_cl_tit:nth-child(1),
.hn_cl_tit:nth-child(4) {}
}
@@ -928,10 +932,13 @@
.goodsPrice {
font-size: 30rpx;
margin: 5rpx 0 0 3rpx;
color: #bf0c0c;
font-weight: bold;
margin: 5rpx 0 0 3rpx;
display: flex; justify-content: space-between;
.price{
font-weight: bold;
color: #bf0c0c;
}
.Salesnum{color: #9b9b9b;}
}
}
}