|
@@ -3,220 +3,81 @@
|
|
|
<view class="bg-black">
|
|
|
<cu-custom bgColor="#000000"><view slot="content" style="color: #ffffff">UU睡眠</view></cu-custom>
|
|
|
</view>
|
|
|
- <scroll-view :style="{ height: height }" class="main-container" scroll-y>
|
|
|
+<!-- <scroll-view :style="{ height: height }" class="main-container" scroll-y>-->
|
|
|
+
|
|
|
+<!-- <view class="bg-black">-->
|
|
|
+<!-- <view class="banner-wrapper">-->
|
|
|
+<!-- <swiper class="screen-swiper square-dot" style="min-height: 317upx;" :indicator-dots="true" :circular="true" :autoplay="true" interval="5000" duration="500">-->
|
|
|
+<!-- <swiper-item v-for="item in swiperList" :key="item.bannerId">-->
|
|
|
+<!-- <image :src="item.pic || item.imageUrl" mode="scaleToFill" class="banner-img"></image>-->
|
|
|
+<!-- </swiper-item>-->
|
|
|
+<!-- </swiper>-->
|
|
|
+<!-- </view>-->
|
|
|
+<!-- </view>-->
|
|
|
+
|
|
|
+<!-- <view class="music-wrapper" v-if="recommendList.length > 0">-->
|
|
|
+<!-- <box-title title="UU推荐" buttonName="更多" iconName="right" @handlePlay="handleNative('../songList/index')"></box-title>-->
|
|
|
+<!-- <song-list :currentList="recommendList"></song-list>-->
|
|
|
+<!-- </view>-->
|
|
|
+
|
|
|
+
|
|
|
+<!-- <view class="music-wrapper" v-if="dayRecommendList.length > 0">-->
|
|
|
+<!-- <box-title title="睡眠音乐" buttonName="更多" iconName="kaishi2" @handlePlay="handlePlay('dayRecommendList')"></box-title>-->
|
|
|
+<!-- <music-list :currentList="dayRecommendList"></music-list>-->
|
|
|
+<!-- </view>-->
|
|
|
+
|
|
|
+
|
|
|
+<!-- </scroll-view>-->
|
|
|
+
|
|
|
+<!-- <music-control />-->
|
|
|
+
|
|
|
+ <view class="main-container">
|
|
|
+ <view class="music-wrapper" v-if="healthAdvertList.length > 0">
|
|
|
+ <box-title title="睡眠小知识" buttonName="更多" iconName="kaishi2" @handlePlay="handlePlay('dayRecommendList')"></box-title>
|
|
|
+
|
|
|
+ <view class="flex-col justify-start knowledge-list">
|
|
|
+ <view v-for="(item, index) in healthAdvertList" :key="index" class="flex-row items-center space-x-14 knowledge-item">
|
|
|
+ <view class="flex-col flex-auto space-y-8">
|
|
|
+ <text class="self-start font_4 knowledge-item-title">{{item.title}}</text>
|
|
|
+ <text v-if="item.summary.length>25" class="knowledge-item-desc">
|
|
|
+ {{item.summary.substring(0,22)}}...
|
|
|
+ </text>
|
|
|
+ <text v-else class="knowledge-item-desc">
|
|
|
+ {{item.summary.substring(0,22)}}...
|
|
|
+ </text>
|
|
|
+ </view>
|
|
|
+ <image
|
|
|
+ class="shrink-0 image_12"
|
|
|
+ src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/649415135a7e3f0310661c1e/649415b654fe0000116ae544/16874496879438729687.png"
|
|
|
+ />
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
|
|
|
- <view class="bg-black">
|
|
|
- <view class="banner-wrapper">
|
|
|
- <swiper class="screen-swiper square-dot" style="min-height: 317upx;" :indicator-dots="true" :circular="true" :autoplay="true" interval="5000" duration="500">
|
|
|
- <swiper-item v-for="item in swiperList" :key="item.bannerId">
|
|
|
- <image :src="item.pic || item.imageUrl" mode="scaleToFill" class="banner-img"></image>
|
|
|
- </swiper-item>
|
|
|
- </swiper>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="music-wrapper" v-if="recommendList.length > 0">
|
|
|
- <box-title title="UU推荐" buttonName="更多" iconName="right" @handlePlay="handleNative('../songList/index')"></box-title>
|
|
|
- <song-list :currentList="recommendList"></song-list>
|
|
|
- </view>
|
|
|
-
|
|
|
-
|
|
|
- <view class="music-wrapper" v-if="dayRecommendList.length > 0">
|
|
|
- <box-title title="睡眠音乐" buttonName="更多" iconName="kaishi2" @handlePlay="handlePlay('dayRecommendList')"></box-title>
|
|
|
- <music-list :currentList="dayRecommendList"></music-list>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="music-wrapper" v-if="dayRecommendList.length > 0">
|
|
|
- <box-title title="睡眠小知识" buttonName="更多" iconName="kaishi2" @handlePlay="handlePlay('dayRecommendList')"></box-title>
|
|
|
-
|
|
|
- <view class="flex-col justify-start knowledge-list">
|
|
|
- <view class="flex-row items-center space-x-14 knowledge-item">
|
|
|
- <view class="flex-col flex-auto space-y-8">
|
|
|
- <text class="self-start font_4 knowledge-item-title">睡眠科普:你真的了解睡眠吗?</text>
|
|
|
- <text class="knowledge-item-desc">
|
|
|
- 套用模型省时省力,不用冥思苦想,但是,每一个需要设计的内容和体系应该是迥然不同的,所以每一个设计方案也…
|
|
|
- </text>
|
|
|
- </view>
|
|
|
- <image
|
|
|
- class="shrink-0 image_12"
|
|
|
- src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/649415135a7e3f0310661c1e/649415b654fe0000116ae544/16874496879438729687.png"
|
|
|
- />
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="flex-row items-center space-x-14 knowledge-item">
|
|
|
- <view class="flex-col flex-auto space-y-8">
|
|
|
- <text class="self-start font_4 knowledge-item-title">睡眠科普:你真的了解睡眠吗?</text>
|
|
|
- <text class="knowledge-item-desc">
|
|
|
- 套用模型省时省力,不用冥思苦想,但是,每一个需要设计的内容和体系应该是迥然不同的,所以每一个设计方案也…
|
|
|
- </text>
|
|
|
- </view>
|
|
|
- <image
|
|
|
- class="shrink-0 image_12"
|
|
|
- src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/649415135a7e3f0310661c1e/649415b654fe0000116ae544/16874496879438729687.png"
|
|
|
- />
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="flex-row items-center space-x-14 knowledge-item">
|
|
|
- <view class="flex-col flex-auto space-y-8">
|
|
|
- <text class="self-start font_4 knowledge-item-title">睡眠科普:你真的了解睡眠吗?</text>
|
|
|
- <text class="knowledge-item-desc">
|
|
|
- 套用模型省时省力,不用冥思苦想,但是,每一个需要设计的内容和体系应该是迥然不同的,所以每一个设计方案也…
|
|
|
- </text>
|
|
|
- </view>
|
|
|
- <image
|
|
|
- class="shrink-0 image_12"
|
|
|
- src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/649415135a7e3f0310661c1e/649415b654fe0000116ae544/16874496879438729687.png"
|
|
|
- />
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- </scroll-view>
|
|
|
-
|
|
|
- <music-control />
|
|
|
|
|
|
<!-- <tab-bar currentPage="index" /> -->
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import songList from './components/songList.vue';
|
|
|
-import musicList from './components/musicList.vue';
|
|
|
-import { getImage, getName } from '@/utils/index.js';
|
|
|
+// import songList from './components/songList.vue';
|
|
|
+// import musicList from './components/musicList.vue';
|
|
|
+// import { getImage, getName } from '@/utils/index.js';
|
|
|
+import * as API_doctorAdvert from '@/api/doctor_advert'
|
|
|
export default {
|
|
|
+ // components: {
|
|
|
+ // songList,
|
|
|
+ // musicList
|
|
|
+ // },
|
|
|
data() {
|
|
|
return {
|
|
|
- //轮播图
|
|
|
- swiperList: [
|
|
|
- {
|
|
|
- "pic": "http://p1.music.126.net/ZuDmYz9gKTes67weCA6roQ==/109951168702825545.jpg",
|
|
|
- "bannerId": "1687869567089252"
|
|
|
- },
|
|
|
- {
|
|
|
- "pic": "http://p1.music.126.net/vrPXmAQsg-aW5I3EEFcKcw==/109951168702819867.jpg",
|
|
|
- "bannerId": "1687869640017460"
|
|
|
- },
|
|
|
- {
|
|
|
- "pic": "http://p1.music.126.net/xK69a1N5DCqNQXts64y3xA==/109951168703821815.jpg",
|
|
|
- "bannerId": "1687869708598159"
|
|
|
- }
|
|
|
- ],
|
|
|
- recommendList: [
|
|
|
- {
|
|
|
- "id": 331841455,
|
|
|
- "type": 0,
|
|
|
- "name": "深度睡眠 |重度失眠者专用歌单",
|
|
|
- "copywriter": "",
|
|
|
- "picUrl": "https://p2.music.126.net/g2_Gv0dtAicJ3ChTYu28_g==/1393081239628722.jpg",
|
|
|
- "canDislike": true,
|
|
|
- "trackNumberUpdateTime": 1552746520361,
|
|
|
- "playCount": 72862600,
|
|
|
- "trackCount": 32,
|
|
|
- "highQuality": true,
|
|
|
- "alg": "alg_high_quality"
|
|
|
- },
|
|
|
- {
|
|
|
- "id": 5338700800,
|
|
|
- "type": 0,
|
|
|
- "name": "一个双子座的听歌列表",
|
|
|
- "copywriter": "",
|
|
|
- "picUrl": "https://p2.music.126.net/SATl5PH1NpEPHsYaB24t5A==/109951166269856073.jpg",
|
|
|
- "canDislike": true,
|
|
|
- "trackNumberUpdateTime": 1685028754372,
|
|
|
- "playCount": 29329484,
|
|
|
- "trackCount": 361,
|
|
|
- "highQuality": false,
|
|
|
- "alg": "alg_high_quality"
|
|
|
- },
|
|
|
- {
|
|
|
- "id": 2042205655,
|
|
|
- "type": 0,
|
|
|
- "name": "愿还会有人,做个傻子陪你浪费一生",
|
|
|
- "copywriter": "",
|
|
|
- "picUrl": "https://p2.music.126.net/AWcDI5wc9fkS2bZt6wIm-Q==/109951163212638897.jpg",
|
|
|
- "canDislike": true,
|
|
|
- "trackNumberUpdateTime": 1679320967844,
|
|
|
- "playCount": 25818546,
|
|
|
- "trackCount": 41,
|
|
|
- "highQuality": false,
|
|
|
- "alg": "alg_high_quality"
|
|
|
- },
|
|
|
- {
|
|
|
- "id": 2139324915,
|
|
|
- "type": 0,
|
|
|
- "name": "歌词唱透了心声,回忆模糊了眼眸",
|
|
|
- "copywriter": "",
|
|
|
- "picUrl": "https://p2.music.126.net/pa1t9G_Mt2xJm_xqUUjvIw==/109951163676905233.jpg",
|
|
|
- "canDislike": true,
|
|
|
- "trackNumberUpdateTime": 1687945378874,
|
|
|
- "playCount": 69736672,
|
|
|
- "trackCount": 514,
|
|
|
- "highQuality": false,
|
|
|
- "alg": "alg_high_quality"
|
|
|
- }
|
|
|
- ],
|
|
|
- dayRecommendList: [
|
|
|
- {
|
|
|
- "id": 159400773,
|
|
|
- "name": "JJ的咖啡调调, Vol. 2",
|
|
|
- "picUrl": "http://p2.music.126.net/4x-65bnidSKyEMDBmGtn8g==/109951168466764238.jpg"
|
|
|
- },
|
|
|
- {
|
|
|
- "id": 160760191,
|
|
|
- "name": "我们的歌",
|
|
|
- "picUrl": "http://p2.music.126.net/Gm2v1KrDe2TwplzxcmTxYg==/109951168428025131.jpg"
|
|
|
- },
|
|
|
- {
|
|
|
- "id": 78938226,
|
|
|
- "name": "听闻余生",
|
|
|
- "picUrl": "http://p2.music.126.net/DK1_4sP_339o5rowMdPXdw==/109951164071024476.jpg"
|
|
|
- },
|
|
|
- {
|
|
|
- "id": 129849508,
|
|
|
- "name": "时光背面的我",
|
|
|
- "picUrl": "http://p2.music.126.net/VOcPF6uCGAlwESFyyGqHrg==/109951166141514551.jpg"
|
|
|
- },
|
|
|
- {
|
|
|
- "id": 160760191,
|
|
|
- "name": "我们的歌",
|
|
|
- "picUrl": "http://p2.music.126.net/Gm2v1KrDe2TwplzxcmTxYg==/109951168428025131.jpg"
|
|
|
- },
|
|
|
- {
|
|
|
- "id": 78938226,
|
|
|
- "name": "听闻余生",
|
|
|
- "picUrl": "http://p2.music.126.net/DK1_4sP_339o5rowMdPXdw==/109951164071024476.jpg"
|
|
|
- },
|
|
|
- {
|
|
|
- "id": 129849508,
|
|
|
- "name": "时光背面的我",
|
|
|
- "picUrl": "http://p2.music.126.net/VOcPF6uCGAlwESFyyGqHrg==/109951166141514551.jpg"
|
|
|
- }
|
|
|
- ],
|
|
|
- dayRecommendMusicList: [],
|
|
|
- newSongList: [],
|
|
|
- hotSingerList: [],
|
|
|
- selectData: [],
|
|
|
+ healthAdvertList: [],
|
|
|
};
|
|
|
},
|
|
|
- components: {
|
|
|
- songList,
|
|
|
- musicList
|
|
|
- },
|
|
|
- computed: {
|
|
|
- cookie() {
|
|
|
- return this.$store.state.cookie;
|
|
|
- },
|
|
|
- height() {
|
|
|
- let height = this.CustomBar / (uni.upx2px(this.CustomBar) / this.CustomBar) + 220;
|
|
|
- return `calc(100% - ${height}rpx)`;
|
|
|
- }
|
|
|
- },
|
|
|
- onShow() {
|
|
|
- // this.getDayRecommendData();
|
|
|
- // this.getDayRecommendMusicData();
|
|
|
- },
|
|
|
- created() {
|
|
|
- // this.getData();
|
|
|
+ onLoad() {
|
|
|
+ this.getCareHealthAdvert()
|
|
|
},
|
|
|
onPullDownRefresh() {
|
|
|
// this.getData();
|
|
@@ -225,26 +86,37 @@ export default {
|
|
|
}, 1000);
|
|
|
},
|
|
|
methods: {
|
|
|
-
|
|
|
+ // 获取健康宣讲
|
|
|
+ getCareHealthAdvert() {
|
|
|
+ const data = {
|
|
|
+ pageNo: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ shopId: 486, // 先写死
|
|
|
+ title: ''
|
|
|
+ }
|
|
|
+ API_doctorAdvert.getDoctorAdvertList(data).then(res => {
|
|
|
+ this.healthAdvertList = res.data
|
|
|
+ })
|
|
|
+ },
|
|
|
//播放全部 猜你喜欢
|
|
|
- handlePlay(key) {
|
|
|
- const list = this[key].map(item => {
|
|
|
- return {
|
|
|
- src: '',
|
|
|
- title: item.name,
|
|
|
- singer: getName(item),
|
|
|
- coverImgUrl: getImage(item),
|
|
|
- id: item.id
|
|
|
- };
|
|
|
- });
|
|
|
- this.$store.dispatch('playAllMUsic', list);
|
|
|
- },
|
|
|
-
|
|
|
- handleNative(val) {
|
|
|
- uni.navigateTo({
|
|
|
- url: val
|
|
|
- });
|
|
|
- },
|
|
|
+ // handlePlay(key) {
|
|
|
+ // const list = this[key].map(item => {
|
|
|
+ // return {
|
|
|
+ // src: '',
|
|
|
+ // title: item.name,
|
|
|
+ // singer: getName(item),
|
|
|
+ // coverImgUrl: getImage(item),
|
|
|
+ // id: item.id
|
|
|
+ // };
|
|
|
+ // });
|
|
|
+ // this.$store.dispatch('playAllMUsic', list);
|
|
|
+ // },
|
|
|
+ //
|
|
|
+ // handleNative(val) {
|
|
|
+ // uni.navigateTo({
|
|
|
+ // url: val
|
|
|
+ // });
|
|
|
+ // },
|
|
|
|
|
|
|
|
|
toSearch() {
|