This commit is contained in:
@fawn-nine
2023-09-26 17:44:30 +08:00
parent ba30f6c8a0
commit d27325394c
4 changed files with 21 additions and 18 deletions

View File

@@ -78,10 +78,10 @@
<view class="item" v-for="(item,index) in libLIst" :key="index" >
<view >
<view
:class="[freeChapterCount < index && isBuy == false ? 'graytitle' : '',
:class="['flexbox',freeChapterCount < index && isBuy == false ? 'graytitle' : '',
userInfo.playingInfo.bookid==item.bookid && userInfo.playingInfo.chapterId == item.chapterId ? 'playing' : '']" @click="listenOne(item, index)">
<span :class="[freeChapterCount-1 < index && isBuy == false ? 'graytitle' : '']">{{item.chapterName}}</span>&nbsp;&nbsp;
<uni-tag v-if="freeChapterCount-1 >= index && isBuy == false" class="tag" size="small" :inverted="true" text="试听" type="success" />
<span :class="[freeChapterCount-1 < index && isBuy == false ? 'graytitle' : '','muluspan']">{{item.chapterName}}</span>&nbsp;&nbsp;
<view><uni-tag v-if="freeChapterCount-1 >= index && isBuy == false" class="tag" size="small" :inverted="true" text="试听" type="success" /></view>
<!-- <image class="playingFig" src="/static/playingGif.gif" mode="aspectFill"></image> -->
</view>
</view>
@@ -516,6 +516,9 @@
.price{ margin-top: 160rpx; overflow: hidden;
.light{font-size: 50rpx; font-weight: bold; color: #f05654;}
}
.muluspan{white-space: nowrap;
overflow-x: hidden;
text-overflow: ellipsis;}
.tags{
.tag{
margin-left: 0; margin-right: 10rpx;

View File

@@ -27,7 +27,7 @@
<view class="home_nar">
<view class="hn_cl_tit shuguan" @click="onPageJump('../clock/index')">
<image src="../../static/icon/home1.png" mode="aspectFit"></image>
<text>读书打卡</text>
<text>打卡</text>
</view>
<view class="hn_cl_tit dianzishu" @click="onPageJump('../listen/home')">
@@ -41,9 +41,9 @@
<text>书评</text>
</view>
<view class="hn_cl_tit chaoshi" @click="onPageJump('../bookShop/classify')">
<view class="hn_cl_tit chaoshi" @click="onPageJump('../talkBook/talkBook')">
<image src="../../static/icon/home4.png" mode="aspectFit"></image>
<text>图书馆</text>
<text>讲书</text>
</view>
</view>
@@ -189,8 +189,8 @@
<!-- <i @click="onPageJump('../bookShop/classify')">查看更多 ></i> -->
<!-- </view> -->
<scroll-view class="scroll-view_H " scroll-x="true" scroll-left="0">
<view class="ProTabs flexbox">
<view v-for="item in tagList" :key="item.splId" :class="[tabsid == item.splId ? 'cur' :'']" @click="tabsChange(item)">{{item.labelName}}</view>
<view class="ProTabs">
<text v-for="item in tagList" :key="item.splId" :class="[tabsid == item.splId ? 'cur' :'']" @click="tabsChange(item)">{{item.labelName}}</text>
</view>
</scroll-view>
<!-- 商品展示 -->
@@ -684,7 +684,7 @@
</script>
<style lang="scss" scoped>
@import '@/style/mixin.scss';
.hehan{width: 80%; margin: 0 auto;}
.hehan{width: 80%; margin: 10rpx auto;}
.zhekou{
.goodsName{margin-bottom: 20rpx;}
}
@@ -693,12 +693,12 @@
.price{color: #9b9b9b !important; font-size: inherit; font-weight: normal !important; display: block;}
}
.ProTabs{margin: 20rpx 0; padding:0 20rpx;
view{padding: 4rpx 8rpx; width: 80rpx; font-size: 32rpx; white-space: wrap !important; border-radius: 10rpx; overflow: hidden; background-color: #eee; color: #55aa7f; margin-right: 10rpx;}
view.cur{background-color:#55aa7f ; color: #fff;}
text{padding: 4rpx 8rpx; font-size: 32rpx; border-radius: 10rpx; overflow: hidden; background-color: #eee; color: #55aa7f; margin-right: 10rpx;}
text.cur{background-color:#55aa7f ; color: #fff;}
}
.newBook{margin-top: 20rpx;}
.scroll-view_H{background-color: #fff;white-space: nowrap;
width: 100%; padding:10rpx ; }
padding:10rpx ; }
.scroll-view_H{
.item { padding: 10rpx; overflow: hidden; display: inline-block;
width: 180rpx !important; margin-right: 20rpx; border-radius: 10rpx;
@@ -753,8 +753,8 @@
.icon_hua_1 {
// margin: 0 auto;
width: 100%; text-align: center;
height: 150rpx;
image{width: 150rpx; height: 150rpx;}
height: 80rpx;
image{width: 150rpx; height: 80rpx;}
}
.icon_hua{width: 100%; text-align: center; display: block;
image{width: 150rpx; height: 150rpx; margin: 0 auto;}
@@ -763,7 +763,7 @@
width: calc(100% - 30rpx); margin-top: 0;
margin-bottom: 20rpx;
.search{height: 80upx;
.search{height: 56upx;
display: flex;
width: 100%;
align-items: center;

View File

@@ -57,13 +57,13 @@
<view class="xiugai">
<view class="nav_list" @click="switchTab('../bookShop/orderList')">
<text>我的订单</text>
</view>
<view class="nav_list" @click="onPageJump('../clock/clockList')">
<text>我的打卡</text>
</view>
<view class="nav_list" @click="onPageJump('../listen/home')">
<text>我的听书</text>
</view>
<view class="nav_list" @click="onPageJump('../clock/clockList')">
<text>我的打卡</text>
</view>
<view class="nav_list" @click="onPageJump('../listen/setListen')">
<text>听书设置</text>
</view>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 11 KiB