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-11 14:54:03 +08:00
parent 72d35bae31
commit 57d70c40f2
768 changed files with 15285 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
pages/peanut/home.vue
View File

@@ -9,7 +9,11 @@
</view>
</view>
<!-- <view class="home_nar" v-if="showEbook"> -->
<view class="home_nar">
<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 dianzishu" @click="onPageJump('../listen/home')">
<image src="../../static/icon/home_bar_1.png" mode="aspectFit"></image>
<text>听书</text>
@@ -19,10 +23,7 @@
<text>电子书</text>
</view> -->
<!-- <view class="hn_cl_tit" @click="onPageJump('../bookShop/bookShopIndex')"> -->
<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" @click="onGoing()">
<image src="../../static/icon/home_bar_3.png" mode="aspectFit"></image>
讲书
@@ -190,11 +191,13 @@
<!-- 公共组件-每个页面必须引入 -->
<public-module></public-module>
<z-navigation></z-navigation>
<z-navigation></z-navigation>
<music-play :playList="myList"></music-play>
</view>
</template>
<script>
import musicPlay from '@/components/music.vue'
import repciptData from '@/static/json/repcipt.json'
import $http from '@/config/requestConfig.js';
import {
@@ -203,6 +206,7 @@
export default {
data() {
return {
myList:[],
showEbook:false, // 显示电子书相关
transaction: { // 成功回调
@@ -278,6 +282,9 @@
computed: {
...mapState(['userInfo']),
},
components:{
musicPlay
},
//方法
methods: {
...mapMutations(['setUserInfo']),
@@ -609,9 +616,9 @@
display: flex;
color: #333;
.dianzishu{ margin-right:10rpx;
background-color: #d6ffda; border: 2px solid #bae9bf;
background-color: #d6ffda; border: 2px solid #bae9bf; margin-left:10rpx;
}
.chaoshi{background-color:#fff2d8 ; margin-left:10rpx; border: 2px solid #ede6d3; }
.chaoshi{background-color:#fff2d8 ; border: 2px solid #ede6d3; }
.hn_cl_tit {
width: 50%;
text-align: center;