zm/medicine_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

内容补充

Browse Source
This commit is contained in:
@fawn-nine
2024-06-25 10:05:54 +08:00
parent 6dd47a5638
commit a3fddb3e81
5 changed files with 341 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
pages/peanut/home.vue
View File

@@ -54,26 +54,9 @@
<text>{{item.title}}</text>
</div>
</view>
</view></view>
<!-- 新闻播报 -->
<view class="fourBox " v-if="newsList.length > 0">
<view class="newsBox flexbox">
<view class="icon">
<u-icon name="volume-fill" color="#2979ff" size="26"></u-icon>
</view>
<view class="newscoll">
<swiper class="swiper" interval='5000' circular autoplay vertical indicator-dots="false">
<swiper-item class="item" v-for="(item, index) in newsList" :key="index"
@click="newsClick(item)">
<view class="swiper-item">{{item.title}}</view>
</swiper-item>
</swiper>
</view>
</view>
</view>
</view></view>
<!-- 正在学习 -->
<!-- <view class="" style="padding:0 5px;">
<view class="" style="padding:0 5px;" v-if="learnList.length > 0">
<view class="learnBox" >
<view class="titleBox flexbox">
<image src="../../static/learing.png" mode="aspectFit"></image>
@@ -98,10 +81,10 @@
</view>
</view>
</view>
</view> -->
</view>
<!-- 健康超市 -->
<view class="supermarketBox" v-if="tjProList.length > 0">
<view class="hightLightTitleBox " @click="onPageJump()">
<view class="hightLightTitleBox " @click="onPageJump('/pages/course/healthMarket',2,'健康超市')">
<text>健康超市</text>
</view>
<view class="supermarket">
@@ -124,9 +107,9 @@
</view>
</view>
</view>
<!-- <view class="tips">
<view class="tips">
更多保健产品、教学辅助器材及书籍点击<text>健康超市</text>图标进入！
</view> -->
</view>
</view>
@@ -173,6 +156,24 @@
</view>
</view>
</view>
<!-- 新闻播报 -->
<view class="fourBox " v-if="newsList.length > 0">
<view class="newsBox flexbox">
<view class="icon">
<u-icon name="volume-fill" color="#2979ff" size="26"></u-icon>
</view>
<view class="newscoll">
<swiper class="swiper" interval='5000' circular autoplay vertical indicator-dots="false">
<swiper-item class="item" v-for="(item, index) in newsList" :key="index"
@click="newsClick(item)">
<view class="swiper-item">{{item.title}}</view>
</swiper-item>
</swiper>
</view>
</view>
</view>
<!-- 精彩试听 -->
<view class="fourBox" v-if="tryListenList.length > 0">
<view class="learnBox">
<view class="titleBox flexbox">
@@ -1347,7 +1348,8 @@
color: #333;
margin-bottom: 0;
@include pleft_right(5px) .hn_cl_tit {
@include pleft_right(5px)
.hn_cl_tit {
display: block;
width: 100%;
background-color: #fff;
@@ -1356,6 +1358,7 @@
align-content: center;
justify-content: center;
margin-right: 8rpx;
border-bottom: 1px solid #fff;
// box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
image {
@@ -1384,13 +1387,20 @@
.hn_cl_tit.active {
background-color: #e4eefa;
position: relative;
text {
color: #3361a5;
font-weight: bold;
}
}
.hn_cl_tit.active::after{
display: block;
transform: rotate(180deg);
content: ''; position: absolute; bottom: -20rpx; left: calc(50% - 16rpx); z-index: 1;
border-right: 20rpx solid transparent;
border-left: 20rpx solid transparent;
border-bottom: 20rpx solid #ffff;
}
}