├── README.md
└── myUniApp
    ├── App.vue
    ├── components
        ├── album.vue
        ├── albumblock.vue
        ├── allpaly.vue
        ├── playbot.vue
        ├── playlist.vue
        └── top.vue
    ├── index.md
    ├── main.js
    ├── manifest.json
    ├── pages.json
    ├── pages
        ├── index
        │   └── index.vue
        ├── info
        │   └── index.vue
        └── new
        │   └── index.vue
    ├── publicjs
        └── common.js
    ├── static
        ├── css
        │   ├── color.scss
        │   └── common.scss
        ├── image
        │   ├── 1.jpeg
        │   ├── 2.jpeg
        │   ├── 3.gif
        │   ├── 3.jpeg
        │   ├── icon
        │   │   ├── bofangHui.png
        │   │   ├── danquxunhuan.png
        │   │   ├── fenlei.png
        │   │   ├── fenlei1.png
        │   │   ├── fenlei1_l.png
        │   │   ├── fenlei_l.png
        │   │   ├── gengduoHui.png
        │   │   ├── jiahao.png
        │   │   ├── jiahao_l.png
        │   │   ├── kaishi-2.png
        │   │   ├── kaishi.png
        │   │   ├── kaishiH.png
        │   │   ├── liuyanjianyi.png
        │   │   ├── muluH.png
        │   │   ├── muluHei.png
        │   │   ├── paixingbang.png
        │   │   ├── paixingbang_l.png
        │   │   ├── ren.png
        │   │   ├── ren_l.png
        │   │   ├── sanjiao.png
        │   │   ├── sanjiao_l.png
        │   │   ├── shangyishou.png
        │   │   ├── share.png
        │   │   ├── shipin-tianchong.png
        │   │   ├── shipin-tianchong_l.png
        │   │   ├── shoucang-2.png
        │   │   ├── shoucang.png
        │   │   ├── shuaxin.png
        │   │   ├── sousuo5.png
        │   │   ├── sousuo5_l.png
        │   │   ├── suijibofang.png
        │   │   ├── xiayishou.png
        │   │   ├── xiazai.png
        │   │   ├── xiazaiH.png
        │   │   ├── xiazaiHei.png
        │   │   ├── xinhaojieshouqi.png
        │   │   ├── xinhaojieshouqi_l.png
        │   │   ├── xunhuanbofang.png
        │   │   ├── yinle.png
        │   │   ├── yinleliebiao.png
        │   │   ├── zanting-2.png
        │   │   ├── zanting.png
        │   │   ├── zantingH.png
        │   │   └── zanting_l.png
        │   ├── jiantou2.png
        │   ├── sc1.jpg
        │   ├── sc10.jpg
        │   ├── sc11.jpg
        │   ├── sc12.jpg
        │   ├── sc13.jpg
        │   ├── sc14.jpg
        │   ├── sc15.jpg
        │   ├── sc16.jpg
        │   ├── sc17.jpg
        │   ├── sc18.jpg
        │   ├── sc19.jpg
        │   ├── sc2.jpeg
        │   ├── sc20.jpg
        │   ├── sc21.jpg
        │   ├── sc22.jpg
        │   ├── sc23.jpg
        │   ├── sc24.jpeg
        │   ├── sc3.jpeg
        │   ├── sc4.jpeg
        │   ├── sc5.jpg
        │   ├── sc6.gif
        │   ├── sc7.jpg
        │   ├── sc8.jpg
        │   └── sc9.jpg
        └── 未标题-1.jpg
    └── uni.scss


/README.md:
--------------------------------------------------------------------------------
 1 | # uniappQQmic
 2 | 用uni app 框架兼容三端[H5端、小程序端、app端]仿照QQ音乐界面 记录使用uniapp
 3 | ***
 4 | - 效果
 5 | ![效果](https://github.com/SuiXiangjun/uniappQQmic/blob/master/myUniApp/static/%E6%9C%AA%E6%A0%87%E9%A2%98-1.jpg?raw=true)
 6 | 
 7 | ***
 8 | - 支持es6、下载less即可使用
 9 | - 小程序不支持本地引入iconfont————解决办法换为远程引入字体库或者用image代替 —— 用的第二种
10 | - 页底固定导航跳转页面只跳转中间部分，uinapp暂时不支持，因为优先兼容微信小程序
11 | - 组件使用方法跟vue一样，开发过程中命名为list的组件在h5中是可以出来的在小程序中就是不出来后来排查了一下list是关键字所以在小程序中出不来，还有引入组件文件的时候不可以带.vue的后缀
12 | - 因为没有过滤器所以提取了js的公共方法挂载在全局当做过滤器‘./publicjs/common’ 收听人数格式化
13 | - 小程序模板内不支持函数调用
14 | 	``` {{$pubFuc.peoNum(val.count)}} ```
15 | - 钩子函数要用vue的钩子函数不要单用小程序的钩子函数否则只有小程序会生效
16 | 
17 | 


--------------------------------------------------------------------------------
/myUniApp/App.vue:
--------------------------------------------------------------------------------
 1 | <script>
 2 | 	export default {
 3 | 		onLaunch: function () {
 4 | 			console.log('App Launch')
 5 | 		},
 6 | 		onShow: function () {
 7 | 			console.log('App Show')
 8 | 		},
 9 | 		onHide: function () {
10 | 			console.log('App Hide')
11 | 		}
12 | 	}
13 | </script>
14 | 
15 | <style lang="scss">
16 | 	@import './static/css/common';
17 | 	/*每个页面公共css */
18 | </style>
19 | 


--------------------------------------------------------------------------------
/myUniApp/components/album.vue:
--------------------------------------------------------------------------------
  1 | <!-- 数据结构
  2 |  prodata:[
  3 |  		{name:"块的名字",src:"图片地址",author:'作者',count:"收听量",updateTime:"更新时间"},
  4 |  		...
  5 |  	]
  6 |  blockWidth：单个元素的宽度，最好是百分比,高度是自动匹配的只要图片的大小一致高度就不会出现问题
  7 |  @change:点击换一批的回调函数
  8 |  -->
  9 | <template>
 10 | 	<view  v-if="prodata" class="recom">
 11 | 		<view v-for="(val,index) in prodata" :key="index" class="zj" :style="{width:blockWidth}" @tap="goUrl('../info/index')">
 12 | 			<view class="imgSpan">
 13 | 				<image class="img" v-if="val.src" :src="val.src" mode='widthFix'></image>
 14 | 				<image class="icon" v-if="imgSrc" :src="imgSrc+'icon/kaishi-2.png'"  mode='widthFix'></image>
 15 | 				<view v-if="val.count" class="listenCount">
 16 | 					<image v-if="imgSrc" :src="imgSrc+'icon/yinle.png'"></image>
 17 | 					{{val.count}}
 18 | 				</view>
 19 | 			</view>
 20 | 			<view v-if="val.name" class="name">{{val.name}}</view>
 21 | 			<view v-if="val.author" class="author">{{val.author}}</view>
 22 | 		</view>
 23 | 	</view>
 24 | </template>
 25 | 
 26 | <script>
 27 | 	export default {
 28 | 		name: "album",
 29 | 		props:{
 30 | 			prodata: {
 31 | 				type: Array,
 32 | 				default: []
 33 | 			},
 34 | 			blockWidth:{
 35 | 				type:String,
 36 | 				default:'32.8%'
 37 | 			}
 38 | 		},
 39 | 		data() {
 40 | 			return {
 41 | 				imgSrc: '../../static/image/',
 42 | 			};
 43 | 		},
 44 | 		mounted:function () {
 45 | 			// 因为小程序模板不能调用方法所以在这里格式化数据
 46 | 			for(let i=0;i<this.prodata.length;i++){
 47 | 				this.prodata[i].count = this.$pubFuc.peoNum(this.prodata[i].count)
 48 | 			}
 49 | 		},
 50 | 		computed: {
 51 | 			
 52 | 		},
 53 | 		methods:{
 54 | 			goUrl : function (str){
 55 | 				uni.navigateTo({
 56 | 					url: str
 57 | 				});
 58 | 			}
 59 | 		}
 60 | 	}
 61 | </script>
 62 | 
 63 | <style  lang="scss" scoped>
 64 | 	.recom {
 65 | 		display: flex;
 66 | 		justify-content: space-between;
 67 | 		flex-wrap: wrap;
 68 | 		width: 100%;
 69 | 
 70 | 		.zj {
 71 | 			margin-bottom: 30upx;
 72 | 			.imgSpan {
 73 | 				position:relative;
 74 | 				.img{
 75 | 					display: block;
 76 | 					width: 100%;
 77 | 				}
 78 | 				.icon{
 79 | 					position: absolute;
 80 | 					z-index: 1;
 81 | 					right: 10upx;
 82 | 					bottom: 10upx;
 83 | 					width: 40upx;
 84 | 					opacity: .9;
 85 | 				}
 86 | 				.listenCount{
 87 | 					position: absolute;
 88 | 					left: 10upx;
 89 | 					bottom: 10upx;
 90 | 					color: rgba(255,255,255,.8);
 91 | 					font-size: 20upx;
 92 | 					
 93 | 					image{
 94 | 						width: 28upx;
 95 | 						height: 32upx;
 96 | 						margin-right: 6upx;
 97 | 						display: inline-block;
 98 | 						vertical-align: text-bottom;
 99 | 					}
100 | 				}
101 | 			}
102 | 		}
103 | 
104 | 		.name,
105 | 		.author {
106 | 			padding: 0 6upx;
107 | 			font-size: 26upx;
108 | 		}
109 | 
110 | 		.author {
111 | 			color: #999999;
112 | 		}
113 | 	}
114 | 
115 | </style>
116 | 


--------------------------------------------------------------------------------
/myUniApp/components/albumblock.vue:
--------------------------------------------------------------------------------
 1 | <!-- 数据结构
 2 |  prodata:{
 3 |  	title:"标题名字",
 4 |  	list:[
 5 |  		{name:"块的名字",src:"图片地址",author:'作者',count:"收听量",updateTime:"更新时间"},
 6 |  		...
 7 |  	]
 8 |  },
 9 |  changeReturnParams:点击刷新事件的回传参数
10 |  blockWidth：单个元素的宽度，最好是百分比,高度是自动匹配的只要图片的大小一致高度就不会出现问题
11 |  @change:点击换一批的回调函数
12 |  -->
13 | <template>
14 | 	<view v-if="prodata" class="recommend">
15 | 		<view v-if='prodata.title' class="title">{{prodata.title}}
16 | 			<image v-if="imgSrc" :src="imgSrc+'jiantou2.png'"></image>
17 | 		</view>
18 | 		<album :prodata="prodata.list" :blockWidth="blockWidth"></album>
19 | 		<view v-if="changeReturnParams" @tap="changeFunc" class="change">
20 | 			<image v-if="imgSrc" :src="imgSrc+'icon/shuaxin.png'"></image>
21 | 			换一批
22 | 		</view>
23 | 	</view>
24 | </template>
25 | 
26 | <script>
27 | 	import album from './album.vue'
28 | 	export default {
29 | 		name: "albumblock",
30 | 		components:{album},
31 | 		props:{
32 | 			prodata: {
33 | 				type: Object,
34 | 				default: {}
35 | 			},
36 | 			changeReturnParams:{
37 | 				type:String,
38 | 				default:''
39 | 			},
40 | 			blockWidth:{
41 | 				type:String,
42 | 				default:'32.8%'
43 | 			}
44 | 		},
45 | 		data() {
46 | 			return {
47 | 				imgSrc: '../../static/image/',
48 | 			};
49 | 		},
50 | 		computed: {
51 | 			
52 | 		},
53 | 		methods:{
54 | 			changeFunc:function(){
55 | 				this.$emit('change',this.changeReturnParams)
56 | 			},
57 | 		}
58 | 	}
59 | </script>
60 | 
61 | <style  lang="scss" scoped>
62 | 	.title {
63 | 		position: relative;
64 | 		height: 100upx;
65 | 		line-height: 100upx;
66 | 		text-align: center;
67 | 		font-size: 32upx;
68 | 
69 | 		image {
70 | 			width: 40upx;
71 | 			height: 40upx;
72 | 			position: absolute;
73 | 			top: 30upx;
74 | 			right: 40upx;
75 | 			display: block;
76 | 		}
77 | 	}
78 | 	.change {
79 | 		width: 28%;
80 | 		line-height: 56upx;
81 | 		margin: 0 auto;
82 | 		text-align: center;
83 | 		font-size: 26upx;
84 | 		margin-bottom: 20upx;
85 | 		border: solid 1upx #CCCCCC;
86 | 
87 | 		image {
88 | 			display: inline-block;
89 | 			vertical-align: text-bottom;
90 | 			width: 32upx;
91 | 			height: 32upx;
92 | 		}
93 | 	}
94 | </style>
95 | 


--------------------------------------------------------------------------------
/myUniApp/components/allpaly.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view class="allPlay clear borderColorTop borderColorBottom">
 3 | 		<image class="allPlayIcon fl" src="../../static/image/icon/kaishiH.png"></image>
 4 | 		<view class="allPlayLabel fl">全部播放</view>
 5 | 		<image class="allPlayUpdata fr" src="../../static/image/icon/muluHei.png"></image>
 6 | 		<image class="allPlayList fr" src="../../static/image/icon/xiazaiHei.png"></image>
 7 | 	</view>
 8 | </template>
 9 | 
10 | <script>
11 | 	export default {
12 | 		data() {
13 | 			return {
14 | 				
15 | 			};
16 | 		}
17 | 	}
18 | </script>
19 | 
20 | <style lang="scss">
21 | 	.allPlay{
22 | 		line-height: 56upx;
23 | 		padding: 28upx 25upx;
24 | 		font-size: 30upx;
25 | 		.allPlayIcon{
26 | 			display: block;
27 | 			width: 56upx;
28 | 			height: 56upx;
29 | 			margin-right: 30upx;
30 | 		}
31 | 		.allPlayList,
32 | 		.allPlayUpdata{
33 | 			margin-top: 8upx;
34 | 			display: block;
35 | 			width: 40upx;
36 | 			height: 40upx;
37 | 			margin-left:45upx ;
38 | 		}
39 | 	}
40 | 
41 | </style>
42 | 


--------------------------------------------------------------------------------
/myUniApp/components/playbot.vue:
--------------------------------------------------------------------------------
 1 | <!-- 数据结构
 2 | data:{Name:"这里是名字",SrcAudio:"音频地址",Author:'作者',describe:"这里是描述"",SQ:1,DJ:1,HQ:1,VIP:1}
 3 |  -->
 4 | <template>
 5 | 	<view class="playBot borderColorTop">
 6 | 		<image class="img zhuan" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1548155771330&di=543688d6a155099dd10e0c5305198b7e&imgtype=0&src=http%3A%2F%2Fimg4.duitang.com%2Fuploads%2Fitem%2F201512%2F20%2F20151220153237_5MSsz.jpeg"></image>
 7 | 		<view class="title">
 8 | 			<view class="name">Traveling Light</view>
 9 | 			<view class="desc">Joel Hanson</view>
10 | 		</view>
11 | 		<image class="icon" src="../../static/image/icon/kaishiH.png"></image>
12 | 		<image class="icon liebiao" src="../../static/image/icon/muluH.png"></image>
13 | 	</view>
14 | </template>
15 | 
16 | <script>
17 | 	export default {
18 | 		props:{
19 | 		},
20 | 		data() {
21 | 			return {
22 | 				
23 | 			};
24 | 		}
25 | 	}
26 | </script>
27 | 
28 | <style lang="scss">
29 | 	.playBot{
30 | 		position: fixed;
31 | 		display: flex;
32 | 		align-items: center;
33 | 		bottom: 0;
34 | 		left: 0;
35 | 		width: 100vw;
36 | 		padding: 20upx 25upx 10upx;
37 | 		box-sizing: border-box;
38 | 		.img{
39 | 			display: block;
40 | 			width: 80upx;
41 | 			height: 80upx;
42 | 			border-radius: 50%;
43 | 			&.zhuan{
44 | 				-webkit-transform: rotate(360deg);
45 | 				animation: rotation 8s linear infinite;
46 | 			}
47 | 		}
48 | 		.title{
49 | 			flex: 1;
50 | 			padding-left: 30upx;
51 | 			font-size: 34upx;
52 | 			.desc{
53 | 				font-size: 26upx;
54 | 				color: rgb(75,75,75);
55 | 			}
56 | 		}
57 | 		.icon{
58 | 			width: 65upx;
59 | 			height: 65upx;
60 | 			padding-left: 30upx;
61 | 			&.liebiao{
62 | 				width: 40upx;
63 | 				height: 40upx;
64 | 				
65 | 			}
66 | 		}
67 | 	}
68 | </style>
69 | 


--------------------------------------------------------------------------------
/myUniApp/components/playlist.vue:
--------------------------------------------------------------------------------
 1 | <!-- 数据结构
 2 | data:{Name:"这里是名字",SrcAudio:"音频地址",Author:'作者',describe:"这里是描述"",SQ:1,DJ:1,HQ:1,VIP:1}
 3 |  -->
 4 | <template>
 5 | 	<view class="playList clear borderColorBottom">
 6 | 		<view class="fl">
 7 | 			<view class="name">{{info.Name}}</view>
 8 | 			<view class="other">
 9 | 				<view v-if="info.HQ" class="biao">HQ</view>
10 | 				<view v-if="info.SQ" class="biao sq">SQ</view>
11 | 				<view v-if="info.DJ" class="biao">独家</view>
12 | 				<view v-if="info.VIP" class="biao sq">VIP</view>
13 | 				{{info.Author}} - {{info.Album}}
14 | 			</view>
15 | 		</view>
16 | 		<image class="fr playListGengduo" src="../../static/image/icon/gengduoHui.png"></image>
17 | 		<image class="fr playListBofang" src="../../static/image/icon/bofangHui.png"></image>
18 | 		<!-- {{info.SrcAudio}} -->
19 | 	</view>
20 | </template>
21 | 
22 | <script>
23 | 	export default {
24 | 		props:{
25 | 			info:{
26 | 				type:Object,
27 | 				default:{
28 | 					Name:"像我这样的人",
29 | 					SrcAudio:"http://m10.music.126.net/20190117183019/a55ba6ea85a64f26e106b6115a23e934/ymusic/5605/07fd/b516/a10d9e248c19d9ac2d40d2b0596fc09b.mp3",
30 | 					Author:'毛不易',
31 | 					Album:"平凡的一天sjb出校门才能农村明细表模板弄明白每年相比你每次下班是们重新报聪明程序包",
32 | 					SQ:0,
33 | 					DJ:1,
34 | 					HQ:0,
35 | 					VIP:1
36 | 					}
37 | 			}
38 | 		},
39 | 		data() {
40 | 			return {
41 | 				
42 | 			};
43 | 		}
44 | 	}
45 | </script>
46 | 
47 | <style lang="scss">
48 | 	.playList{
49 | 		margin-left:30upx;
50 | 		padding:15upx 25upx 20upx 0;
51 | 		.biao{
52 | 			display: inline-block;
53 | 			vertical-align: text-bottom;
54 | 			padding: 2upx 6upx;
55 | 			margin-right: 10upx;
56 | 			border: solid 1px #f55500;
57 | 			color: #f55500;
58 | 			border-radius: 4upx;
59 | 			font-size: 24upx;
60 | 			line-height: 24upx;
61 | 			&.sq{
62 | 				color: #9c8200;
63 | 				border: solid 1px #9c8200;
64 | 			}
65 | 		}
66 | 		.playListBofang,
67 | 		.playListGengduo{
68 | 			display: block;
69 | 			width: 40upx;
70 | 			height: 40upx;
71 | 			margin-left: 45upx;
72 | 			margin-top: 20upx;
73 | 		}
74 | 		.name{
75 | 			font-size: 38upx;
76 | 			line-height: 60upx;
77 | 		}
78 | 		.other{
79 | 			font-size: 26upx;
80 | 			line-height: 40upx;
81 | 			color: rgb(75,75,75);
82 | 			width: 520upx;
83 | 			overflow: hidden;
84 | 			text-overflow:ellipsis;
85 | 			white-space: nowrap;
86 | 		}
87 | 	}
88 | </style>
89 | 


--------------------------------------------------------------------------------
/myUniApp/components/top.vue:
--------------------------------------------------------------------------------
 1 | <!-- 
 2 |  -->
 3 | <template>
 4 | 	<view class="top bgColor">
 5 | 		<view class="bar">
 6 | 			<image v-if="imgSrc" :src="imgSrc+'icon/fenlei.png'" class="icon type"></image>
 7 | 			<view class="barContent">
 8 | 				<view>我的</view>
 9 | 				<view class="sel">音乐馆</view>
10 | 				<view>发现</view>
11 | 			</view>
12 | 			<image v-if="imgSrc" :src="imgSrc+'icon/jiahao.png'" class="icon add"></image>
13 | 		</view>
14 | 		<view class="serch bgDeepColor">
15 | 			<input type="text" placeholder="搜索" placeholder-style="color:rgba(255,255,255,.8)" />
16 | 			<image class="icon" v-if="imgSrc" :src="imgSrc+'icon/sousuo5.png'"></image>
17 | 		</view>
18 | 	</view>
19 | </template>
20 | 
21 | <script>
22 | 	export default {
23 | 		name: "top",
24 | 		props:{
25 | // 			prodata: {
26 | // 				type: Object,
27 | // 				default: {}
28 | // 			},
29 | 		},
30 | 		data() {
31 | 			return {
32 | 				imgSrc: '../../static/image/',
33 | 			};
34 | 		}
35 | 	}
36 | </script>
37 | 
38 | <style  lang="scss" scoped>
39 | 	.top{
40 | 		padding: 40upx 20upx;
41 | 		width:100%;
42 | 		box-sizing: border-box;
43 | 		color: #fff;
44 | 		font-size: 32upx;
45 | 		.bar{
46 | 				display: flex;
47 | 				justify-content: space-between;
48 | 				line-height: 44upx;
49 | 				
50 | 				.icon{
51 | 					width: 44upx;
52 | 					height:44upx;
53 | 				}
54 | 				
55 | 				.barContent{
56 | 					display: flex;
57 | 					width: 360upx;
58 | 					margin: 0 auto;
59 | 					justify-content: space-between;
60 | 					
61 | 					.sel{
62 | 						font-size: 36upx;
63 | 						font-weight: 600;
64 | 					}
65 | 				}
66 | 		}
67 | 		.serch{
68 | 			position: relative;
69 | 			margin-top: 32upx;
70 | 			padding: 10upx 20upx;
71 | 			height: 76upx;
72 | 			line-height: 60upx;
73 | 			box-sizing: border-box;
74 | 			color: rgba(255,255,255,1);
75 | 			input{
76 | 				padding-left: 60upx;
77 | 			}
78 | 			.icon{
79 | 				position: absolute;
80 | 				top: 16upx;
81 | 				left: 20upx;
82 | 				width: 40upx;
83 | 				height: 40upx;
84 | 			}
85 | 		}
86 | 	}
87 | </style>
88 | 


--------------------------------------------------------------------------------
/myUniApp/index.md:
--------------------------------------------------------------------------------
 1 | 1 支持es6、下载less即可使用
 2 | 2 小程序不支持本地引入iconfont————解决办法换为远程引入字体库或者用image代替 —— 用的第二种
 3 | 3 页底固定导航跳转页面只跳转中间部分，uinapp暂时不支持，因为优先兼容微信小程序
 4 | 4 组件使用方法跟vue一样，开发过程中命名为list的组件在h5中是可以出来的在小程序中就是不出来后来排查了一下list是关键字所以在小程序中出不来，还有引入组件文件的时候不可以带.vue的后缀
 5 | 5 因为没有过滤器所以提取了js的公共方法挂载在全局当做过滤器‘./publicjs/common’ 收听人数格式化
 6 | 6 小程序模板内不支持函数调用
 7 | 	``` {{$pubFuc.peoNum(val.count)}} ```
 8 | 7 钩子函数要用vue的钩子函数不要单用小程序的钩子函数否则只有小程序会生效
 9 | 
10 | 


--------------------------------------------------------------------------------
/myUniApp/main.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import App from './App'
 3 | //公共js
 4 | import PubFuc from'./publicjs/common'
 5 | 
 6 | Vue.config.productionTip = false
 7 | 
 8 | App.mpType = 'app'
 9 | //挂载
10 | Vue.prototype.$pubFuc = PubFuc
11 | const app = new Vue({
12 |     ...App
13 | })
14 | app.$mount()
15 | 


--------------------------------------------------------------------------------
/myUniApp/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name" : "myUniApp",
 3 |     "appid" : "__UNI__C9142DF",
 4 |     "description": "",
 5 |     "versionName": "1.0.0",
 6 |     "versionCode": "100",
 7 | 	"transformPx":false,
 8 |     "app-plus": { /* 5+App特有相关 */
 9 |         "modules": { /* 模块配置 */
10 | 
11 |         },
12 |         "distribute": { /* 应用发布信息 */
13 |             "android": { /* android打包配置 */
14 |                 "permissions": ["<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
15 |                     "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
16 |                     "<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",
17 |                     "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
18 |                     "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
19 |                     "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
20 |                     "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
21 |                     "<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
22 |                     "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
23 |                     "<uses-permission android:name=\"android.permission.CAMERA\"/>",
24 |                     "<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
25 |                     "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
26 |                     "<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
27 |                     "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
28 |                     "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
29 |                     "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
30 |                     "<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
31 |                     "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
32 |                     "<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
33 |                     "<uses-feature android:name=\"android.hardware.camera\"/>",
34 |                     "<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
35 |                     "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
36 |                 ]
37 |             },
38 |             "ios": { /* ios打包配置 */
39 | 
40 |             },
41 |             "sdkConfigs": { /* SDK配置 */
42 | 
43 |             }
44 |         }
45 |     },
46 |     "quickapp": { /* 快应用特有相关 */
47 | 
48 |     },
49 |     "mp-weixin": { /* 小程序特有相关 */
50 |         "appid": "",
51 |         "setting" : {
52 |         	"urlCheck" : true
53 |         }
54 |     }
55 | }
56 | 


--------------------------------------------------------------------------------
/myUniApp/pages.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 3 | 		{
 4 | 			"path": "pages/index/index",//"pages/index/index",
 5 | 			"style": {
 6 | 				"navigationBarTitleText": "少儿音乐"
 7 | 			}
 8 | 		},{
 9 | 			"path": "pages/info/index",
10 | 			"style": {
11 | 				"navigationBarTitleText": "少儿音乐播放"
12 | 			}
13 | 		},{
14 | 			"path": "pages/new/index",
15 | 			"style": {
16 | 				"navigationBarTitleText": "新歌新专辑"
17 | 			}
18 | 		}
19 | 	],
20 | 	"globalStyle": {
21 | 		"navigationBarTextStyle": "black",
22 | 		"navigationBarTitleText": "uni-app",
23 | 		"navigationBarBackgroundColor": "#F8F8F8",
24 | 		"backgroundColor": "#F8F8F8"
25 | 	}
26 | }
27 | 


--------------------------------------------------------------------------------
/myUniApp/pages/index/index.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <view class="index">
  3 | 		<top></top>
  4 | 		<view class="banner">
  5 | 			<swiper class="bannerContent" :autoplay="swiper.autoplay">
  6 | 				<swiper-item v-for="(value,index) in swiper.img" :key="index">
  7 | 					<image :src="value" class="swiperImg"></image>
  8 | 				</swiper-item>
  9 | 			</swiper>
 10 | 		</view>
 11 | 		<view class="content">
 12 | 			<view class="bar">
 13 | 				<view class="iconSpan" v-for="(val,index) in contentBar" :key="index">
 14 | 					<image :src="val.src" class="iconBarImg"></image>
 15 | 					<view>{{val.name}}</view>
 16 | 				</view>
 17 | 			</view>
 18 | 			<view class="used">
 19 | 				<view class="usedImg"  @tap="goUrl('../info/index')">
 20 | 					<image :src="content.img"></image>
 21 | 					<image class="icon" v-if="imgSrc" :src="imgSrc+'icon/sanjiao.png'"></image>
 22 | 					<view class="imgTitle">{{content.imgTitle}}</view>
 23 | 				</view>
 24 | 				<view class="list">
 25 | 					<view class="grayColor info" v-for="(val,index) in content.list" :key="index"  @tap="goUrl('../new/index?count='+index)">
 26 | 						<view class="name">{{val.name}}</view>
 27 | 						<view class="disc">{{val.disc}}</view>
 28 | 						<image :src="val.src" class="listImg" ></image>
 29 | 					</view>
 30 | 				</view>
 31 | 			</view>
 32 | 		</view>
 33 | 		<albumblock :prodata="recommend" changeReturnParams="recom" @change="recChange"></albumblock>
 34 | 		<albumblock :prodata="newest"></albumblock>
 35 | 		<albumblock :prodata="sole" blockWidth='49.5%'></albumblock>
 36 | 	</view>
 37 | </template>
 38 | 
 39 | <script>
 40 | import top from '../../components/top'
 41 | import albumblock from '../../components/albumblock'
 42 | 
 43 | export default {
 44 | 	components:{
 45 | 		albumblock,top
 46 | 	},
 47 |     data() {
 48 |         return {
 49 | 			imgSrc:'../../static/image/',
 50 | 			swiper:{
 51 | 				autoplay:true,
 52 | 				img:[
 53 | 					'../../static/image/1.jpeg',
 54 | 					'../../static/image/2.jpeg',
 55 | 					'../../static/image/3.jpeg'
 56 | 				]
 57 | 			},
 58 | 			contentBar:[
 59 | 				{name:"歌手",src:'../../static/image/icon/ren_l.png'},
 60 | 				{name:"排行",src:'../../static/image/icon/paixingbang_l.png'},
 61 | 				{name:"分类歌单",src:'../../static/image/icon/fenlei1_l.png'},
 62 | 				{name:"电台",src:'../../static/image/icon/xinhaojieshouqi_l.png'},
 63 | 				{name:"视频",src:'../../static/image/icon/shipin-tianchong_l.png'}
 64 | 				],
 65 | 			content:{
 66 | 				img:"../../static/image/sc1.jpg",
 67 | 				imgTitle:'个性电台',
 68 | 				list:[
 69 | 					{name:"新歌新碟",disc:"神秘嘉宾先生选择新歌",src:'../../static/image/sc2.jpeg'},
 70 | 					{name:"动画片专辑|热映",disc:"李建老狼联手现场",src:'../../static/image/sc3.jpeg'}
 71 | 				]
 72 | 			},
 73 | 			recommend:{
 74 | 				title:"为你推荐",
 75 | 				list:[
 76 | 					{name:"你的独家品味推荐",src:"../../static/image/sc5.jpg",count:"53133000",updateTime:"刚刚更新"},
 77 | 					{name:"慢跑随身听",src:"../../static/image/sc7.jpg",count:"210000",updateTime:"刚刚更新"},
 78 | 					{name:"失恋解药",src:"../../static/image/sc8.jpg",count:"4000",updateTime:"刚刚更新"},
 79 | 					{name:"薛之谦创作歌曲集",src:"../../static/image/sc9.jpg",count:"9200000",updateTime:"刚刚更新"},
 80 | 					{name:"青春是一场未知的探险",src:"../../static/image/sc10.jpg",count:"8909",updateTime:"刚刚更新"},
 81 | 					{name:"欧美|渐入佳境的入耳暖心旋律",src:"../../static/image/sc11.jpg",count:"120000",updateTime:"刚刚更新"}
 82 | 				]
 83 | 			},
 84 | 			newest:{
 85 | 				title:"最新专辑",
 86 | 				list:[
 87 | 					{name:"离开的接口",author:"刘瑞琪",src:"../../static/image/sc12.jpg"},
 88 | 					{name:"Cerll ls:The Albuild",author:"Made Will Made It",src:"../../static/image/sc13.jpg"},
 89 | 					{name:"SSS.GRIDMANIDSFEF",author:"OTX",src:"../../static/image/sc14.jpg"},
 90 | 					{name:"No place",author:"Backstreet",src:"../../static/image/sc15.jpg"},
 91 | 					{name:"别再闹了",author:"毛不易",src:"../../static/image/sc16.jpg"},
 92 | 					{name:"即刻电音",author:"即可电音",src:"../../static/image/sc17.jpg"}
 93 | 				]
 94 | 			},
 95 | 			sole:{
 96 | 				title:"独家内容",
 97 | 				list:[
 98 | 					{name:"乐见大牌|靖佩瑶清唱《清风是》又勾起广大会议",count:"531330000",src:"../../static/image/sc22.jpg"},
 99 | 					{name:"精心专用！法兰的歌声让你情绪在温暖的夜色和平",count:"53130000",src:"../../static/image/sc19.jpg"},
100 | 					{name:"你妹听过的\"成功学\"说唱：人生赢家的秘诀在于洗澡",count:"31330000",src:"../../static/image/sc20.jpg"},
101 | 					{name:"为N对情侣现场恋爱BGM.Kris Wu甘当电灯泡",count:"1338000",src:"../../static/image/sc21.jpg"},
102 | 				]
103 | 			},
104 |         }
105 |     },
106 |     methods: {
107 | 		//换一批
108 | 		recChange:function(val){
109 | 			if(val=="recom"){
110 | 				let arry = this.recommend.list.splice(0,2);
111 |  				this.recommend.list=[...this.recommend.list,...arry]
112 | 			}
113 | 		},
114 | 		goUrl : function (str){
115 | 			uni.navigateTo({
116 | 				url: str
117 | 			});
118 | 		},
119 |     }
120 | }
121 | </script>
122 | <style lang="scss">
123 | 	.index {
124 | 		width: 100vw;
125 | 		padding-bottom: 60upx;
126 | 		color:#333333;
127 | 		
128 | 		.bannerContent{
129 | 			width: 100%;
130 | 			height: 320upx;
131 | 			.swiperImg{
132 | 				width: 100%;
133 | 				height: 100%;
134 | 			}
135 | 		}
136 | 		
137 | 		.content{
138 | 			padding: 20upx;
139 | 			
140 | 			.bar{
141 | 				display: flex;
142 | 				padding: 36upx 0;
143 | 				margin-top: -28upx;
144 | 				position: relative;
145 | 				z-index: 1;
146 | 				background: #FFFFFF;
147 | 				box-shadow:4upx 4upx 10upx #CCCCCC;
148 | 				
149 | 				.iconSpan{
150 | 					flex: 1;
151 | 					text-align: center;
152 | 					.iconBarImg{
153 | 						width: 44upx;
154 | 						height: 44upx;
155 | 					}
156 | 				}
157 | 			}
158 | 			
159 | 			.used{
160 | 				display: flex;
161 | 				margin-top: 40upx;
162 | 				
163 | 				.usedImg{
164 | 					position: relative;
165 | 					width: 220upx;
166 | 					height: 220upx;
167 | 					margin-right: 20upx;
168 | 					box-shadow: 4upx 4upx 10upx #CCCCCC;
169 | 					image{
170 | 						height: 100%;
171 | 						width: 100%;
172 | 					}
173 | 					
174 | 					.icon{
175 | 						position: absolute;
176 | 						width: 50upx;
177 | 						height: 50upx;
178 | 						top: 50%;
179 | 						left: 50%;
180 | 						margin: -25upx auto auto -25upx;
181 | 						opacity: .8;
182 | 					}
183 | 					
184 | 					.imgTitle{
185 | 						position: absolute;
186 | 						display: block;
187 | 						width: 100%;
188 | 						bottom: 20upx;
189 | 						text-align: center;
190 | 						color: #FFFFFF;
191 | 					}
192 | 				}
193 | 				
194 | 				.list{
195 | 					flex: 1;
196 | 					
197 | 					.info{
198 | 						position: relative;
199 | 						height: 100upx;
200 | 						box-sizing: border-box;
201 | 						padding: 12upx 20upx;
202 | 						
203 | 						&:first-child{
204 | 							margin-bottom: 20upx;
205 | 						}
206 | 						
207 | 						.name{
208 | 							font-size: 32upx;
209 | 						}
210 | 						
211 | 						.disc{
212 | 							font-size: 26upx;
213 | 							color: #6f6f6f;
214 | 						}
215 | 						
216 | 						.listImg{
217 | 							position: absolute;
218 | 							right: 0;
219 | 							top: 0;
220 | 							width: 100upx;
221 | 							height: 100upx;
222 | 						}
223 | 					}
224 | 				}
225 | 			}
226 | 		}
227 | 		
228 | 	}
229 | </style>
230 | 


--------------------------------------------------------------------------------
/myUniApp/pages/info/index.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="info" :style="bgStyle">
  3 | 		<!-- '' -->
  4 | 		<view class="bg"></view>
  5 | 		<view class="content">
  6 | 			<view class="top">
  7 | 				<view class="name">{{audioList[audioPlaySrc].name}}</view>
  8 | 				<view class="author">{{audioList[audioPlaySrc].author}}</view>
  9 | 				<view class="bar">
 10 | 					<view>标准</view>
 11 | 					<view>音效</view>
 12 | 					<view>视频</view>
 13 | 				</view>
 14 | 			</view>
 15 | 			<view class="micImg">
 16 | 				<image :class="playState?'zhuan':''" :src="audioList[audioPlaySrc].img" ></image>
 17 | 			</view>
 18 | 			<!-- <view class="micWord">Oh oh oh oh oooh</view> -->
 19 | 			<view class="bot">
 20 | 				 <view class="lineBar">
 21 | 				 	<view class="time star">{{nowmiaoForc}}</view>
 22 | 					<slider class="line" :value="nowmiao" min="0" :max="allmiao" @change="sliderChange" block-size="15" activeColor="#55A532" />
 23 | 				 	<view class="time end">{{allmiaoForc}}</view>
 24 | 				 </view>
 25 | 				 <view class="btn">
 26 | 				 	<view @tap="audioWayFunc">
 27 | 						<image v-if="audioWay==0" class="iconbtn" src="../../static/image/icon/xunhuanbofang.png"></image>
 28 | 						<image v-if="audioWay==2" class="iconbtn" src="../../static/image/icon/danquxunhuan.png"></image>
 29 | 						<image v-if="audioWay==1" class="iconbtn" src="../../static/image/icon/suijibofang.png"></image>
 30 | 					</view>
 31 | 				 	<view class="palybtn">
 32 | 				 		<view @tap="upPlay"><image class="iconbtn" src="../../static/image/icon/shangyishou.png"></image></view>
 33 | 				 		<view @tap="play">
 34 | 							<image v-if="!playState" class="iconbtn play" src="../../static/image/icon/kaishi-2.png"></image>
 35 | 							<image v-if="playState" class="iconbtn play" src="../../static/image/icon/zanting-2.png"></image>
 36 | 						</view>
 37 | 				 		<view @tap="nextPlay"><image class="iconbtn" src="../../static/image/icon/xiayishou.png"></image></view>
 38 | 				 	</view>
 39 | 				 	<view><image class="iconbtn" src="../../static/image/icon/yinleliebiao.png"></image></view>
 40 | 				 </view>
 41 | 				 <view class="tool">
 42 | 				 	<view @tap="collectFunc">
 43 | 						<image v-if="!collect" class="iconbtn" src="../../static/image/icon/shoucang.png"></image>
 44 | 						<image v-if="collect" class="iconbtn" src="../../static/image/icon/shoucang-2.png"></image>
 45 | 					</view>
 46 | 				 	<view><image class="iconbtn" src="../../static/image/icon/xiazai.png"></image></view>
 47 | 				 	<view><image class="iconbtn" src="../../static/image/icon/share.png"></image></view>
 48 | 				 	<view><image class="iconbtn" src="../../static/image/icon/liuyanjianyi.png"></image></view>
 49 | 				 </view>
 50 | 			</view>
 51 | 		</view>
 52 | 	</view>
 53 | </template>
 54 | 
 55 | <script>
 56 | 	// 
 57 | 	let innerAudioContext = ''
 58 | 	export default {
 59 | 		components:{
 60 | 		},
 61 | 		data() {
 62 | 			return {
 63 | 				nowmiao:0,//当前时间
 64 | 				allmiao:0,//全部时间
 65 | 				lineBarWid:520,//进度条的宽度跟css一只
 66 | 				playState:0,//播放状态
 67 | 				audioCont:'',
 68 | 				audioList:[
 69 | 					{name:'你的微笑',
 70 | 					 author:'Shart Foeir',
 71 | 					 src:'http://cdnringbd.shoujiduoduo.com/ringres/userv1/a48/556/66405556.aac',
 72 | 					 img:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1547630730529&di=f37e409de12f9930e25507c3252a462c&imgtype=0&src=http%3A%2F%2Fmp2.iqiyipic.com%2Fimage%2F20180827%2F03%2F41%2Fh_1199242471_h_601_400_400.jpg',
 73 | 					 },
 74 | 					{name:'英雄联盟群雄齐聚',
 75 | 					 author:'毛不易',
 76 | 					 src:'http://cdnringbd.shoujiduoduo.com/ringres/userv1/a48/414/66335414.aac',
 77 | 					 img:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1547630762297&di=2c3317bf38f107287414b1b0cd33f0e5&imgtype=0&src=http%3A%2F%2Fsingerimg.kugou.com%2Fuploadpic%2Fpass%2Fsofthead%2F400%2F20140829%2F20140829161553861786.jpg',
 78 | 					 },
 79 | 					{name:'TryEverything',
 80 | 					 author:'Shakira',
 81 | 					 src:'http://cdnringbd.shoujiduoduo.com/ringres/userv1/a48/480/66379480.aac',
 82 | 					 img:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1547471202346&di=bd9b5e27beb9341b058d21e521e8d75e&imgtype=0&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201707%2F27%2F20170727210705_zcijE.jpeg',
 83 | 					 },
 84 | 					{name:'我爱过几个人',
 85 | 					 author:'邓论',
 86 | 					 src:'http://cdnringbd.shoujiduoduo.com/ringres/userv1/a48/339/65390339.aac',
 87 | 					 img:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1547630610810&di=1a0c6d9557aa2bba822c54694a55429e&imgtype=0&src=http%3A%2F%2Fmp0.iqiyipic.com%2Fimage%2F20180827%2Fff%2F79%2Fh_1199249539_h_601_400_400.jpg',
 88 | 					 },
 89 | 					 {name:'浪子回头',
 90 | 					  author:'辉气*蛋',
 91 | 					  src:'http://cdnringbd.shoujiduoduo.com/ringres/userv1/a48/645/66725645.aac',
 92 | 					  img:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1547631130547&di=076c9275ce160baa2ff5cb66eed4ad53&imgtype=0&src=http%3A%2F%2Fwww.mixtapetorrent.com%2Fsystem%2Ffiles%2Ffollowmernb.jpg',
 93 | 					  },
 94 | 					 {name:'生僻字心动不已',
 95 | 					  author:'〃°ω°〃',
 96 | 					  src:'http://cdnringbd.shoujiduoduo.com/ringres/userv1/a48/359/64750359.aac',
 97 | 					  img:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1547631330468&di=517d6b42ed32567a5798fd9bbe13ff9c&imgtype=0&src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20170830%2F2dbe36dfa0a14c0c94b672f445c02a21.jpeg',
 98 | 					  }
 99 | 				],
100 | 				audioPlaySrc:0,//当前播放的歌曲index
101 | 				audioWay:0,//播放方式 0顺序播放 1随机播放 2单曲循环
102 | 				collect:0,//是否收藏
103 | 			}
104 | 		},
105 | 		computed:{
106 | 			width:function (){
107 | 				return 'width:' + this.nowmiao/this.allmiao * this.lineBarWid + 'upx'
108 | 			},
109 | 			playWidth:function () {
110 | 				return 'transform:translate3d(' + (this.nowmiao / this.allmiao) * this.lineBarWid + 'upx,0,0);'
111 | 			},
112 | 			nowmiaoForc:function (){
113 | 				return this.$pubFuc.secondFormact(this.nowmiao)
114 | 			},
115 | 			allmiaoForc:function(){
116 | 				return this.$pubFuc.secondFormact(this.allmiao)
117 | 			},
118 | 			bgStyle:function (){
119 | 				return 'background-image:url('+this.audioList[this.audioPlaySrc].img+')'
120 | 			}
121 | 		},
122 | 		mounted:function() {
123 | 			this.audioPlaySrc = 0
124 | 			this.audioInit()
125 | 		},
126 | 		methods:{
127 | 			audioInit(){
128 | 				let src = this.audioList[this.audioPlaySrc].src
129 | 				if(innerAudioContext){
130 | 					innerAudioContext.destroy()
131 | 					innerAudioContext = ''
132 | 					//销毁====================
133 | 				}
134 | 				innerAudioContext = uni.createInnerAudioContext();
135 | 				innerAudioContext.src = src
136 | 				innerAudioContext.autoplay = true
137 | 				//获取时长
138 | 				let dura = setInterval(()=>{
139 | 					this.allmiao = Math.floor(innerAudioContext.duration)
140 | 					if(this.allmiao){
141 | 						clearInterval(dura)
142 | 					}
143 | 				})
144 | 				//监听事件
145 | 				innerAudioContext.onPlay(()=>{
146 | 					this.playFunc()
147 | 				})
148 | 				innerAudioContext.onPause(()=>{
149 | 					this.pauseFunc()
150 | 				})
151 | 				innerAudioContext.onTimeUpdate((e)=>{
152 | 					this.nowmiao = Math.floor(innerAudioContext.currentTime)
153 | 				})
154 | 				innerAudioContext.onEnded(()=>{
155 | 					this.nextPlay()
156 | 				})
157 | 			},
158 | 			playFunc(){
159 | 				this.playState=1
160 | 			},
161 | 			pauseFunc(){
162 | 				this.playState= 0
163 | 			},
164 | 			sliderChange(e) {
165 | 				this.nowmiao = e.detail.value
166 | 				innerAudioContext.seek(this.nowmiao)
167 | 			},
168 | 			play(){
169 | 				if(this.playState){
170 | 					//暂停
171 | 					innerAudioContext.pause()
172 | 				}else{
173 | 					//播放
174 | 					innerAudioContext.play()
175 | 				}
176 | 			},
177 | 			nextPlay(){
178 | 				if(this.audioWay==1){
179 | 					//随机
180 | 					this.audioPlaySrc = Math.floor(Math.random()*10)%this.audioList.length;
181 | 				}else if(this.audioWay==0){
182 | 					//顺序
183 | 					if(this.audioPlaySrc >= (this.audioList.length-1)){
184 | 						this.audioPlaySrc = 0
185 | 					}else{
186 | 						this.audioPlaySrc = this.audioPlaySrc+1
187 | 					}
188 | 				}//单曲循环
189 | 				this.audioInit()
190 | 			},
191 | 			upPlay(){
192 | 				if(this.audioWay==1){
193 | 					//随机
194 | 					this.audioPlaySrc = Math.floor(Math.random()*10)%this.audioList.length;
195 | 				}else if(this.audioWay==0){
196 | 					//顺序
197 | 					if(this.audioPlaySrc < 1){
198 | 						this.audioPlaySrc = this.audioList.length-1
199 | 					}else{
200 | 						this.audioPlaySrc = this.audioPlaySrc-1
201 | 					}
202 | 				}//单曲循环
203 | 				this.audioInit()
204 | 			},
205 | 			audioWayFunc(){
206 | 				if(this.audioWay>1){
207 | 					this.audioWay = 0
208 | 				}else{
209 | 					this.audioWay = this.audioWay+1
210 | 				}
211 | 			},
212 | 			collectFunc(){
213 | 				this.collect = !this.collect
214 | 			},
215 | 		},
216 | 		destroyed(){
217 | 			innerAudioContext.destroy()
218 | 			innerAudioContext = ''
219 | 		}
220 | 	}
221 | </script>
222 | 
223 | <style lang="scss" scoped>
224 | .info{
225 | 	position: fixed;
226 | 	right: 0;
227 | 	left: 0;
228 | 	width:100%;
229 |     height:100%;
230 | 	background-position:center;
231 |     background-repeat: no-repeat;
232 |     background-size:cover;
233 | 	.bg{
234 | 		position: fixed;
235 | 		z-index: 0;
236 | 		right: 0;
237 | 		left: 0;
238 | 		height: 100%;
239 | 		width: 100%;
240 | 		filter: blur(40upx);
241 | 		background: inherit;
242 | 	}
243 | 	.content{
244 | 		position: fixed;
245 | 		z-index: 1;
246 | 		right: 0;
247 | 		left: 0;
248 | 		height: 100%;
249 | 		width: 100%;
250 | 		color: #FFFDEF;
251 | 		
252 | 		.top{
253 | 			margin-top: 20upx;
254 | 			width:100%;
255 | 			text-align:center;
256 | 			.name{
257 | 				font-size: 46upx;
258 | 			}
259 | 			.author{
260 | 				font-size: 34upx;
261 | 				line-height: 60upx;
262 | 			}
263 | 			.bar{
264 | 				width: 330upx;
265 | 				justify-content: space-between;
266 | 				display: flex;
267 | 				margin: 20upx auto;
268 | 				view{
269 | 					width: 100upx;
270 | 					height: 40upx;
271 | 					border: solid 1upx #FFFDEF;
272 | 					border-radius: 2upx;
273 | 					text-align: center;
274 | 				}
275 | 			}
276 | 		}
277 | 		.micImg{
278 | 			 margin: 25upx auto;
279 | 			 image{
280 | 				display: block;
281 | 				margin: 0 auto;
282 | 				width: 600upx;
283 | 				height: 600upx;
284 | 				border: solid 16upx rgba(0,0,0,.15);
285 | 				border-radius:50%;
286 | 				&.zhuan{
287 | 					-webkit-transform: rotate(360deg);
288 | 					animation: rotation 8s linear infinite;
289 | 				}
290 | 			 }
291 | 		}
292 | 		.micWord{
293 | 			text-align: center;
294 | 		}
295 | 		.bot{
296 | 			position: fixed;
297 | 			bottom: 40upx;
298 | 			left: 0;
299 | 			width: 100%;
300 | 			padding: 0 26upx;
301 | 			box-sizing: border-box;
302 | 			.lineBar{
303 | 				display: flex;
304 | 				padding: 20upx 0;
305 | 				justify-content: space-between;
306 | 				.line{
307 | 					margin: 0;
308 | 					width:520upx;
309 | 				}
310 | 			}
311 | 			.iconbtn{
312 | 				display: block;
313 | 				width: 50upx;
314 | 				height: 50upx;
315 | 				margin:0 auto;
316 | 			}
317 | 			.btn{
318 | 				display: flex;
319 | 				justify-content: space-between;
320 | 				padding: 40upx 15upx;
321 | 				.palybtn{
322 | 					display: flex;
323 | 					width:500upx;
324 | 					margin-top:-15upx;
325 | 					view{
326 | 						flex: 1;
327 | 						align-items: center;
328 | 					}
329 | 					.iconbtn{
330 | 						width: 80upx;
331 | 						height: 80upx;
332 | 						&.play{
333 | 							margin-top: -20upx;
334 | 							width: 120upx;
335 | 							height: 120upx;
336 | 						}
337 | 					}
338 | 					
339 | 					
340 | 				}
341 | 			}
342 | 			.tool{
343 | 				display: flex;
344 | 				view{
345 | 					flex: 1;
346 | 					text-align: center;
347 | 				}
348 | 			}
349 | 			
350 | 		}
351 | 	}
352 | }
353 | </style>
354 | 


--------------------------------------------------------------------------------
/myUniApp/pages/new/index.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="new">
  3 | 		<view class="bar">
  4 | 			<view :class="[current==0?'sel':'','li']" @click="current = 0">新歌</view>
  5 | 			<view :class="[current==1?'sel':'','li']" @click="current = 1">新碟</view>
  6 | 			<view :class="[current==2?'sel':'','li']" @click="current = 2">影视</view>
  7 | 		</view>
  8 | 			<swiper class="swiper" :current="current" @change="changeBar">
  9 | 				<swiper-item>
 10 | 					<view class="swiper-item">
 11 | 						<allplay></allplay>
 12 | 						<scroll-view scroll-y="true" class="scroll-Y">
 13 | 							<playlist v-for="item in newList" :info="item" ></playlist>
 14 | 						</scroll-view>
 15 | 					</view>
 16 | 				</swiper-item>
 17 | 				<swiper-item>
 18 | 					<view class="swiper-item">
 19 | 						<view class="newDiscSel">
 20 | 							<view class="li sel">推荐</view>
 21 | 							<view class="li">内地</view>
 22 | 							<view class="li">港台</view>
 23 | 							<view class="li">欧美</view>
 24 | 							<view class="li">英文</view>
 25 | 							<view class="icon"></view>
 26 | 						</view>
 27 | 						<scroll-view scroll-y="true" class="scroll-Y">
 28 | 							<album :prodata="newDiscList" blockWidth='49.5%'></album>
 29 | 						</scroll-view>
 30 | 					</view>
 31 | 				</swiper-item>
 32 | 				<swiper-item>
 33 | 					<view class="swiper-item">
 34 | 						<view class="newFilms">热映动画片原生</view>
 35 | 						<scroll-view scroll-y="true" class="scroll-Y">
 36 | 							<album :prodata="newFilmsList" blockWidth='49.5%'></album>
 37 | 						</scroll-view>
 38 | 					</view>
 39 | 				</swiper-item>
 40 | 			</swiper>
 41 | 			<playBot></playBot>
 42 | 		
 43 | 	</view>
 44 | </template>
 45 | 
 46 | <script>
 47 | 	import allplay from '../../components/allpaly'
 48 | 	import playlist from '../../components/playlist'
 49 | 	import playBot from '../../components/playbot'
 50 | 	import album from '../../components/album'
 51 | 	export default {
 52 | 		data() {
 53 | 			return {
 54 | 				current:0,
 55 | 				newList:[
 56 | 					{
 57 | 						Name:"像我这样的人1",
 58 | 						SrcAudio:"http://m10.music.126.net/20190117183019/a55ba6ea85a64f26e106b6115a23e934/ymusic/5605/07fd/b516/a10d9e248c19d9ac2d40d2b0596fc09b.mp3",
 59 | 						Author:'毛不易',
 60 | 						Album:"平凡的一天sjb出校门才能农村明细表模板弄明白每年相比你每次下班是们重新报聪明程序包",
 61 | 						SQ:0,
 62 | 						DJ:1,
 63 | 						HQ:0,
 64 | 						VIP:1
 65 | 						},{
 66 | 						Name:"像我这样的人2",
 67 | 						SrcAudio:"http://m10.music.126.net/20190117183019/a55ba6ea85a64f26e106b6115a23e934/ymusic/5605/07fd/b516/a10d9e248c19d9ac2d40d2b0596fc09b.mp3",
 68 | 						Author:'毛不易',
 69 | 						Album:"平凡的一天sjb出校门才能农村明细表模板弄明白每年相比你每次下班是们重新报聪明程序包",
 70 | 						SQ:1,
 71 | 						DJ:1,
 72 | 						HQ:0,
 73 | 						VIP:1
 74 | 						},{
 75 | 						Name:"像我这样的人3",
 76 | 						SrcAudio:"http://m10.music.126.net/20190117183019/a55ba6ea85a64f26e106b6115a23e934/ymusic/5605/07fd/b516/a10d9e248c19d9ac2d40d2b0596fc09b.mp3",
 77 | 						Author:'毛不易',
 78 | 						Album:"平凡的一天sjb出校门才能农村明细表模板弄明白每年相比你每次下班是们重新报聪明程序包",
 79 | 						SQ:0,
 80 | 						DJ:1,
 81 | 						HQ:0,
 82 | 						VIP:0
 83 | 						},{
 84 | 						Name:"像我这样的人4",
 85 | 						SrcAudio:"http://m10.music.126.net/20190117183019/a55ba6ea85a64f26e106b6115a23e934/ymusic/5605/07fd/b516/a10d9e248c19d9ac2d40d2b0596fc09b.mp3",
 86 | 						Author:'毛不易',
 87 | 						Album:"平凡的一天sjb出校门才能农村明细表模板弄明白每年相比你每次下班是们重新报聪明程序包",
 88 | 						SQ:0,
 89 | 						DJ:0,
 90 | 						HQ:0,
 91 | 						VIP:1
 92 | 						},{
 93 | 						Name:"像我这样的人5",
 94 | 						SrcAudio:"http://m10.music.126.net/20190117183019/a55ba6ea85a64f26e106b6115a23e934/ymusic/5605/07fd/b516/a10d9e248c19d9ac2d40d2b0596fc09b.mp3",
 95 | 						Author:'毛不易',
 96 | 						Album:"平凡的一天sjb出校门才能农村明细表模板弄明白每年相比你每次下班是们重新报聪明程序包",
 97 | 						SQ:1,
 98 | 						DJ:1,
 99 | 						HQ:0,
100 | 						VIP:1
101 | 						},{
102 | 						Name:"像我这样的人6",
103 | 						SrcAudio:"http://m10.music.126.net/20190117183019/a55ba6ea85a64f26e106b6115a23e934/ymusic/5605/07fd/b516/a10d9e248c19d9ac2d40d2b0596fc09b.mp3",
104 | 						Author:'毛不易',
105 | 						Album:"平凡的一天sjb出校门才能农村明细表模板弄明白每年相比你每次下班是们重新报聪明程序包",
106 | 						SQ:0,
107 | 						DJ:1,
108 | 						HQ:1,
109 | 						VIP:0
110 | 						},{
111 | 						Name:"像我这样的人7",
112 | 						SrcAudio:"http://m10.music.126.net/20190117183019/a55ba6ea85a64f26e106b6115a23e934/ymusic/5605/07fd/b516/a10d9e248c19d9ac2d40d2b0596fc09b.mp3",
113 | 						Author:'毛不易',
114 | 						Album:"平凡的一天sjb出校门才能农村明细表模板弄明白每年相比你每次下班是们重新报聪明程序包",
115 | 						SQ:0,
116 | 						DJ:1,
117 | 						HQ:1,
118 | 						VIP:0
119 | 						},{
120 | 						Name:"像我这样的人8",
121 | 						SrcAudio:"http://m10.music.126.net/20190117183019/a55ba6ea85a64f26e106b6115a23e934/ymusic/5605/07fd/b516/a10d9e248c19d9ac2d40d2b0596fc09b.mp3",
122 | 						Author:'毛不易',
123 | 						Album:"平凡的一天sjb出校门才能农村明细表模板弄明白每年相比你每次下班是们重新报聪明程序包",
124 | 						SQ:0,
125 | 						DJ:1,
126 | 						HQ:1,
127 | 						VIP:0
128 | 						},{
129 | 						Name:"像我这样的人9",
130 | 						SrcAudio:"http://m10.music.126.net/20190117183019/a55ba6ea85a64f26e106b6115a23e934/ymusic/5605/07fd/b516/a10d9e248c19d9ac2d40d2b0596fc09b.mp3",
131 | 						Author:'毛不易',
132 | 						Album:"平凡的一天sjb出校门才能农村明细表模板弄明白每年相比你每次下班是们重新报聪明程序包",
133 | 						SQ:0,
134 | 						DJ:1,
135 | 						HQ:1,
136 | 						VIP:0
137 | 						},{
138 | 						Name:"像我这样的人10",
139 | 						SrcAudio:"http://m10.music.126.net/20190117183019/a55ba6ea85a64f26e106b6115a23e934/ymusic/5605/07fd/b516/a10d9e248c19d9ac2d40d2b0596fc09b.mp3",
140 | 						Author:'毛不易',
141 | 						Album:"平凡的一天sjb出校门才能农村明细表模板弄明白每年相比你每次下班是们重新报聪明程序包",
142 | 						SQ:0,
143 | 						DJ:1,
144 | 						HQ:1,
145 | 						VIP:0
146 | 						},{
147 | 						Name:"像我这样的人11",
148 | 						SrcAudio:"http://m10.music.126.net/20190117183019/a55ba6ea85a64f26e106b6115a23e934/ymusic/5605/07fd/b516/a10d9e248c19d9ac2d40d2b0596fc09b.mp3",
149 | 						Author:'毛不易',
150 | 						Album:"平凡的一天sjb出校门才能农村明细表模板弄明白每年相比你每次下班是们重新报聪明程序包",
151 | 						SQ:0,
152 | 						DJ:1,
153 | 						HQ:1,
154 | 						VIP:0
155 | 						}
156 | 				],
157 | 				newDiscList:[
158 | 					{name:"你的独家品味推荐",src:"../../static/image/sc5.jpg",count:"53133000",updateTime:"刚刚更新"},
159 | 					{name:"慢跑随身听",src:"../../static/image/sc7.jpg",count:"210000",updateTime:"刚刚更新"},
160 | 					{name:"失恋解药",src:"../../static/image/sc8.jpg",count:"4000",updateTime:"刚刚更新"},
161 | 					{name:"薛之谦创作歌曲集",src:"../../static/image/sc9.jpg",count:"9200000",updateTime:"刚刚更新"},
162 | 					{name:"青春是一场未知的探险",src:"../../static/image/sc10.jpg",count:"8909",updateTime:"刚刚更新"},
163 | 					{name:"欧美|渐入佳境的入耳暖心旋律",src:"../../static/image/sc11.jpg",count:"120000",updateTime:"刚刚更新"},
164 | 					{name:"你的独家品味推荐",src:"../../static/image/sc5.jpg",count:"53133000",updateTime:"刚刚更新"},
165 | 					{name:"慢跑随身听",src:"../../static/image/sc7.jpg",count:"210000",updateTime:"刚刚更新"},
166 | 					{name:"失恋解药",src:"../../static/image/sc8.jpg",count:"4000",updateTime:"刚刚更新"},
167 | 					{name:"薛之谦创作歌曲集",src:"../../static/image/sc9.jpg",count:"9200000",updateTime:"刚刚更新"},
168 | 					{name:"青春是一场未知的探险",src:"../../static/image/sc10.jpg",count:"8909",updateTime:"刚刚更新"},
169 | 					{name:"欧美|渐入佳境的入耳暖心旋律",src:"../../static/image/sc11.jpg",count:"120000",updateTime:"刚刚更新"}
170 | 				],
171 | 				newFilmsList:[
172 | 					{name:"离开的接口",author:"刘瑞琪",src:"../../static/image/sc12.jpg"},
173 | 					{name:"Cerll ls:The Albuild",author:"Made Will Made It",src:"../../static/image/sc13.jpg"},
174 | 					{name:"SSS.GRIDMANIDSFEF",author:"OTX",src:"../../static/image/sc14.jpg"},
175 | 					{name:"No place",author:"Backstreet",src:"../../static/image/sc15.jpg"},
176 | 					{name:"别再闹了",author:"毛不易",src:"../../static/image/sc16.jpg"},
177 | 					{name:"即刻电音",author:"即可电音",src:"../../static/image/sc17.jpg"},
178 | 					{name:"失恋解药",src:"../../static/image/sc8.jpg",count:"4000",updateTime:"刚刚更新"},
179 | 					{name:"薛之谦创作歌曲集",src:"../../static/image/sc9.jpg",count:"9200000",updateTime:"刚刚更新"},
180 | 					{name:"青春是一场未知的探险",src:"../../static/image/sc10.jpg",count:"8909",updateTime:"刚刚更新"},
181 | 					{name:"欧美|渐入佳境的入耳暖心旋律",src:"../../static/image/sc11.jpg",count:"120000",updateTime:"刚刚更新"}
182 | 				],
183 | 			};
184 | 		},
185 | 		components:{allplay,playlist,playBot,album},
186 | 		onLoad(options){
187 | 			this.current = Number(options.count)
188 | 		},
189 | 		methods:{
190 | 			changeBar:function(e){
191 | 				this.current = e.detail.current
192 | 			}
193 | 		}
194 | 	}
195 | </script>
196 | 
197 | <style lang="scss">
198 | .new{
199 | 	overflow: hidden;
200 | 	.bar{
201 | 		display:flex;
202 | 		justify-content: center;
203 | 		margin: 30upx 0;
204 | 		
205 | 		.li{
206 | 			padding: 0 40upx;
207 | 			line-height: 60upx;
208 | 			border: solid 1px #000000;
209 | 			color: #000000;
210 | 			background: #FFFFFF;
211 | 			border-right:none;
212 | 			&:last-child{
213 | 				border-right:solid 1px #000000;
214 | 			}
215 | 			&.sel{
216 | 				background: #000000;
217 | 				color: #FFFFFF;
218 | 			}
219 | 		}
220 | 	}
221 | 	.swiper{
222 | 		height:calc(100vh - 330upx);
223 | 	}
224 | 	.scroll-Y{
225 | 		height:calc(100vh - 440upx);
226 | 	}
227 | 	.newDiscSel{
228 | 		position: relative;
229 | 		display: flex;
230 | 		padding: 30upx 0 30upx;
231 | 		
232 | 		.li{
233 | 			flex: 1;
234 | 			text-align: center;
235 | 			&.sel{
236 | 				color: #f55500;
237 | 			}
238 | 		}
239 | 		.icon{
240 | 			position: absolute;
241 | 			width: 50upx;
242 | 			height: 8upx;
243 | 			line-height: 8upx;
244 | 			background-color: #F55500;
245 | 			bottom: 0upx;
246 | 			border-radius: 4upx;
247 | 			margin-left:calc(20% - 10% - 25upx);
248 | 		}
249 | 	}
250 | 	.newFilms{
251 | 		height: 100upx;
252 | 		line-height: 100upx;
253 | 		text-align: center;
254 | 		font-size: 40upx;
255 | 		letter-spacing: 15upx;
256 | 	}
257 | }
258 | </style>
259 | 


--------------------------------------------------------------------------------
/myUniApp/publicjs/common.js:
--------------------------------------------------------------------------------
 1 | const PubFuc = {
 2 | 	//人数格式化 超过10000保留小数点一位显示w 不超过则显示原数
 3 | 	peoNum:(count)=>{
 4 | 		let peoCount = Number(count)
 5 | 		if(peoCount){
 6 | 			if(peoCount/10000>1){
 7 | 				return (peoCount/10000).toFixed(1)+'万'
 8 | 			}else{
 9 | 				return peoCount
10 | 			}
11 | 		}else{
12 | 			return 0
13 | 		}
14 | 	},
15 | 	// 秒格式化化成00:00的格式
16 | 	secondFormact:(second)=>{
17 | 		var sec = second%60;
18 | 		var min = Math.floor(second/60);
19 | 		if(min.toString().length<2){
20 | 			min = '0'+min;
21 | 		}
22 | 		if(sec.toString().length<2){
23 | 			sec = '0'+sec;
24 | 		}
25 | 		return min+':'+sec
26 | 	}
27 | }
28 | export default PubFuc


--------------------------------------------------------------------------------
/myUniApp/static/css/color.scss:
--------------------------------------------------------------------------------
1 | $mainColor:#f55500;
2 | $deepColor:#d04900;
3 | $grayColor:rgb(243,241,241);
4 | $borderClolor:rgb(220,220,220);


--------------------------------------------------------------------------------
/myUniApp/static/css/common.scss:
--------------------------------------------------------------------------------
 1 | @import './color.scss';
 2 | body{
 3 | 	font-size:28upx;
 4 | }
 5 | .bgColor {
 6 | 	background-color:$mainColor;
 7 | }
 8 | .bgDeepColor{
 9 | 	background-color:$deepColor;
10 | }
11 | .grayColor{
12 | 	background-color:$grayColor;
13 | }
14 | .borderColorTop{
15 | 	border-top: solid 1px $borderClolor;
16 | }
17 | .borderColorBottom{
18 | 	border-bottom: solid 1px $borderClolor;
19 | }
20 | .marginTop40{
21 | 	margin-top: 40upx;
22 | }
23 | .marginTop30{
24 | 	margin-top: 30upx;
25 | }
26 | .fl{
27 | 	float: left;
28 | }
29 | .fr{
30 | 	float: right;
31 | }
32 | .clear:after{
33 | 	content: '';
34 | 	display: block;
35 | 	height: 0;
36 | 	line-height: 0;
37 | 	clear: both;
38 | }
39 | @-webkit-keyframes rotation{
40 | 	from {-webkit-transform: rotate(0deg);}
41 | 	to {-webkit-transform: rotate(360deg);}
42 | 	}


--------------------------------------------------------------------------------
/myUniApp/static/image/1.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/1.jpeg


--------------------------------------------------------------------------------
/myUniApp/static/image/2.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/2.jpeg


--------------------------------------------------------------------------------
/myUniApp/static/image/3.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/3.gif


--------------------------------------------------------------------------------
/myUniApp/static/image/3.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/3.jpeg


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/bofangHui.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/bofangHui.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/danquxunhuan.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/danquxunhuan.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/fenlei.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/fenlei.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/fenlei1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/fenlei1.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/fenlei1_l.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/fenlei1_l.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/fenlei_l.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/fenlei_l.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/gengduoHui.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/gengduoHui.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/jiahao.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/jiahao.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/jiahao_l.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/jiahao_l.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/kaishi-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/kaishi-2.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/kaishi.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/kaishi.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/kaishiH.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/kaishiH.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/liuyanjianyi.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/liuyanjianyi.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/muluH.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/muluH.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/muluHei.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/muluHei.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/paixingbang.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/paixingbang.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/paixingbang_l.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/paixingbang_l.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/ren.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/ren.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/ren_l.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/ren_l.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/sanjiao.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/sanjiao.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/sanjiao_l.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/sanjiao_l.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/shangyishou.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/shangyishou.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/share.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/share.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/shipin-tianchong.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/shipin-tianchong.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/shipin-tianchong_l.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/shipin-tianchong_l.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/shoucang-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/shoucang-2.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/shoucang.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/shoucang.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/shuaxin.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/shuaxin.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/sousuo5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/sousuo5.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/sousuo5_l.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/sousuo5_l.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/suijibofang.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/suijibofang.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/xiayishou.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/xiayishou.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/xiazai.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/xiazai.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/xiazaiH.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/xiazaiH.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/xiazaiHei.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/xiazaiHei.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/xinhaojieshouqi.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/xinhaojieshouqi.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/xinhaojieshouqi_l.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/xinhaojieshouqi_l.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/xunhuanbofang.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/xunhuanbofang.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/yinle.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/yinle.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/yinleliebiao.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/yinleliebiao.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/zanting-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/zanting-2.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/zanting.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/zanting.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/zantingH.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/zantingH.png


--------------------------------------------------------------------------------
/myUniApp/static/image/icon/zanting_l.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/icon/zanting_l.png


--------------------------------------------------------------------------------
/myUniApp/static/image/jiantou2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/jiantou2.png


--------------------------------------------------------------------------------
/myUniApp/static/image/sc1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/sc1.jpg


--------------------------------------------------------------------------------
/myUniApp/static/image/sc10.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/sc10.jpg


--------------------------------------------------------------------------------
/myUniApp/static/image/sc11.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/sc11.jpg


--------------------------------------------------------------------------------
/myUniApp/static/image/sc12.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/sc12.jpg


--------------------------------------------------------------------------------
/myUniApp/static/image/sc13.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/sc13.jpg


--------------------------------------------------------------------------------
/myUniApp/static/image/sc14.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/sc14.jpg


--------------------------------------------------------------------------------
/myUniApp/static/image/sc15.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/sc15.jpg


--------------------------------------------------------------------------------
/myUniApp/static/image/sc16.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/sc16.jpg


--------------------------------------------------------------------------------
/myUniApp/static/image/sc17.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/sc17.jpg


--------------------------------------------------------------------------------
/myUniApp/static/image/sc18.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/sc18.jpg


--------------------------------------------------------------------------------
/myUniApp/static/image/sc19.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/sc19.jpg


--------------------------------------------------------------------------------
/myUniApp/static/image/sc2.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/sc2.jpeg


--------------------------------------------------------------------------------
/myUniApp/static/image/sc20.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/sc20.jpg


--------------------------------------------------------------------------------
/myUniApp/static/image/sc21.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/sc21.jpg


--------------------------------------------------------------------------------
/myUniApp/static/image/sc22.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/sc22.jpg


--------------------------------------------------------------------------------
/myUniApp/static/image/sc23.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/sc23.jpg


--------------------------------------------------------------------------------
/myUniApp/static/image/sc24.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/sc24.jpeg


--------------------------------------------------------------------------------
/myUniApp/static/image/sc3.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/sc3.jpeg


--------------------------------------------------------------------------------
/myUniApp/static/image/sc4.jpeg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/sc4.jpeg


--------------------------------------------------------------------------------
/myUniApp/static/image/sc5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/sc5.jpg


--------------------------------------------------------------------------------
/myUniApp/static/image/sc6.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/sc6.gif


--------------------------------------------------------------------------------
/myUniApp/static/image/sc7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/sc7.jpg


--------------------------------------------------------------------------------
/myUniApp/static/image/sc8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/sc8.jpg


--------------------------------------------------------------------------------
/myUniApp/static/image/sc9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/image/sc9.jpg


--------------------------------------------------------------------------------
/myUniApp/static/未标题-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SuiXiangjun/uniappQQmic/b8b0c119bedeb2cf77bd5f5f65dcc3a5f7d06d14/myUniApp/static/未标题-1.jpg


--------------------------------------------------------------------------------
/myUniApp/uni.scss:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * 这里是uni-app内置的常用样式变量
 3 |  *
 4 |  * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 5 |  * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 6 |  *
 7 |  */
 8 | 
 9 | /**
10 |  * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
11 |  *
12 |  * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
13 |  */
14 | 
15 | /* 颜色变量 */
16 | 
17 | /* 行为相关颜色 */
18 | $uni-color-primary: #007aff;
19 | $uni-color-success: #4cd964;
20 | $uni-color-warning: #f0ad4e;
21 | $uni-color-error: #dd524d;
22 | 
23 | /* 文字基本颜色 */
24 | $uni-text-color:#333;//基本色
25 | $uni-text-color-inverse:#fff;//反色
26 | $uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
27 | $uni-text-color-placeholder: #808080;
28 | $uni-text-color-disable:#c0c0c0;
29 | 
30 | /* 背景颜色 */
31 | $uni-bg-color:#ffffff;
32 | $uni-bg-color-grey:#f8f8f8;
33 | $uni-bg-color-hover:#f1f1f1;//点击状态颜色
34 | $uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
35 | 
36 | /* 边框颜色 */
37 | $uni-border-color:#c8c7cc;
38 | 
39 | /* 尺寸变量 */
40 | 
41 | /* 文字尺寸 */
42 | $uni-font-size-sm:24upx;
43 | $uni-font-size-base:28upx;
44 | $uni-font-size-lg:32upx;
45 | 
46 | /* 图片尺寸 */
47 | $uni-img-size-sm:40upx;
48 | $uni-img-size-base:52upx;
49 | $uni-img-size-lg:80upx;
50 | 
51 | /* Border Radius */
52 | $uni-border-radius-sm: 4upx;
53 | $uni-border-radius-base: 6upx;
54 | $uni-border-radius-lg: 12upx;
55 | $uni-border-radius-circle: 50%;
56 | 
57 | /* 水平间距 */
58 | $uni-spacing-row-sm: 10upx;
59 | $uni-spacing-row-base: 20upx;
60 | $uni-spacing-row-lg: 30upx;
61 | 
62 | /* 垂直间距 */
63 | $uni-spacing-col-sm: 8upx;
64 | $uni-spacing-col-base: 16upx;
65 | $uni-spacing-col-lg: 24upx;
66 | 
67 | /* 透明度 */
68 | $uni-opacity-disabled: 0.3; // 组件禁用态的透明度
69 | 
70 | /* 文章场景相关 */
71 | $uni-color-title: #2C405A; // 文章标题颜色
72 | $uni-font-size-title:40upx;
73 | $uni-color-subtitle: #555555; // 二级标题颜色
74 | $uni-font-size-subtitle:36upx;
75 | $uni-color-paragraph: #3F536E; // 文章段落颜色
76 | $uni-font-size-paragraph:30upx;


--------------------------------------------------------------------------------