w3

pages.json

@@ -1,178 +1,202 @@
-{
-	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
-		{
-			"path": "pages/index/index",
-			"style": {
-				"navigationBarTitleText": "首页",
-				"navigationStyle": "custom",
-				"navigationBarBackgroundColor": "#ffffff"
-			}
-		}, {
-			"path": "pages/sms/sms",
-			"style": {
-				"navigationBarTitleText": "消息",
-				"navigationStyle": "custom",
-				"navigationBarBackgroundColor": "#ffffff"
-			}
-		}, {
-			"path": "pages/my/my",
-			"style": {
-				"navigationBarTitleText": "我的",
-				"navigationBarBackgroundColor": "#161616",
-				"navigationStyle": "custom",
-				"h5": {
-					"titleNView": false,
-					"bounce": "none"
-				},
-				"app-plus": {
-					"bounce": "none"
-				}
-			}
-		}, {
-			"path": "pages/login/login",
-			"style": {
-				"navigationBarTitleText": "登录",
-				"navigationStyle": "custom",
-				"navigationBarBackgroundColor": "#ffffff"
-			}
-		}, {
-			"path": "pages/my/editMobile",
-			"style": {
-				"navigationBarTitleText": "修改手机号",
-				"navigationBarBackgroundColor": "#161616"
-			}
-		}, {
-			"path": "pages/my/idcheck",
-			"style": {
-				"navigationBarTitleText": "实名认证",
-				"navigationBarBackgroundColor": "#161616"
-			}
-		}, {
-			"path": "pages/my/forgetPass",
-			"style": {
-				"navigationBarTitleText": "忘记密码",
-				"navigationBarBackgroundColor": "#161616"
-			}
-		}, {
-			"path": "pages/my/editInfo",
-			"style": {
-				"navigationBarTitleText": "基本资料",
-				"navigationBarBackgroundColor": "#161616"
-			}
-		}, {
-			"path": "pages/my/step",
-			"style": {
-				"navigationBarTitleText": "完善信息",
-				"navigationBarBackgroundColor": "#161616"
-			}
-		}, {
-			"path": "pages/my/managePhoto",
-			"style": {
-				"navigationBarTitleText": "相册管理",
-				"navigationBarBackgroundColor": "#161616"
-			}
-		}, {
-			"path": "pages/my/setting",
-			"style": {
-				"navigationBarTitleText": "设置",
-				"navigationBarBackgroundColor": "#161616"
-			}
-		}, {
-			"path": "pages/my/tranWechat",
-			"style": {
-				"navigationBarTitleText": "交换微信",
-				"navigationBarBackgroundColor": "#161616"
-			}
-		}, {
-			"path": "pages/article/article",
-			"style": {
-				"navigationBarTitleText": "动态",
-				"navigationBarBackgroundColor": "#161616",
-				"navigationStyle": "custom",
-				"h5": {
-					"titleNView": false,
-					"bounce": "none"
-				},
-				"app-plus": {
-					"bounce": "none"
-				}
-			}
-		}, {
-			"path": "pages/my/M_coin",
-			"style": {
-				"navigationBarTitleText": "我的M币",
-				"navigationBarBackgroundColor": "#161616"
-			}
-		}, {
-			"path": "pages/my/wish",
-			"style": {
-				"navigationBarTitleText": "心愿",
-				"navigationBarBackgroundColor": "#161616"
-			}
-		}, {
-			"path": "pages/my/wishDetail",
-			"style": {
-				"navigationBarTitleText": "心愿详情",
-				"navigationBarBackgroundColor": "#161616"
-			}
-		}, {
-			"path": "pages/my/wishList",
-			"style": {
-				"navigationBarTitleText": "我的心愿"
-			}
-		}, {
-			"path": "pages/my/M_purchase",
-			"style": {
-				"navigationBarTitleText": "txt.M币充值",
-				"navigationBarBackgroundColor": "#161616"
-			}
-		},
+{
+	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 		{
+			"path": "pages/index/index",
+			"style": {
+				"navigationBarTitleText": "首页",
+				"navigationStyle": "custom",
+				"navigationBarBackgroundColor": "#ffffff"
+			}
+		}, {
+			"path": "pages/sms/sms",
+			"style": {
+				"navigationBarTitleText": "消息",
+				"navigationStyle": "custom",
+				"navigationBarBackgroundColor": "#ffffff"
+			}
+		}, {
+			"path": "pages/my/my",
+			"style": {
+				"navigationBarTitleText": "我的",
+				"navigationBarBackgroundColor": "#161616",
+				"navigationStyle": "custom",
+				"h5": {
+					"titleNView": false,
+					"bounce": "none"
+				},
+				"app-plus": {
+					"bounce": "none"
+				}
+			}
+		}, {
+			"path": "pages/login/login",
+			"style": {
+				"navigationBarTitleText": "登录",
+				"navigationStyle": "custom",
+				"navigationBarBackgroundColor": "#ffffff"
+			}
+		}, {
+			"path": "pages/my/editMobile",
+			"style": {
+				"navigationBarTitleText": "修改手机号",
+				"navigationBarBackgroundColor": "#161616"
+			}
+		}, {
+			"path": "pages/my/idcheck",
+			"style": {
+				"navigationBarTitleText": "实名认证",
+				"navigationBarBackgroundColor": "#161616"
+			}
+		}, {
+			"path": "pages/my/forgetPass",
+			"style": {
+				"navigationBarTitleText": "忘记密码",
+				"navigationBarBackgroundColor": "#161616"
+			}
+		}, {
+			"path": "pages/my/editInfo",
+			"style": {
+				"navigationBarTitleText": "基本资料",
+				"navigationBarBackgroundColor": "#161616"
+			}
+		}, {
+			"path": "pages/my/step",
+			"style": {
+				"navigationBarTitleText": "完善信息",
+				"navigationBarBackgroundColor": "#161616"
+			}
+		}, {
+			"path": "pages/my/managePhoto",
+			"style": {
+				"navigationBarTitleText": "相册管理",
+				"navigationBarBackgroundColor": "#161616"
+			}
+		}, {
+			"path": "pages/my/setting",
+			"style": {
+				"navigationBarTitleText": "设置",
+				"navigationBarBackgroundColor": "#161616"
+			}
+		}, {
+			"path": "pages/my/tranWechat",
+			"style": {
+				"navigationBarTitleText": "交换微信",
+				"navigationBarBackgroundColor": "#161616"
+			}
+		}, {
+			"path": "pages/article/article",
+			"style": {
+				"navigationBarTitleText": "动态",
+				"navigationBarBackgroundColor": "#161616",
+				"navigationStyle": "custom",
+				"h5": {
+					"titleNView": false,
+					"bounce": "none"
+				},
+				"app-plus": {
+					"bounce": "none"
+				}
+			}
+		}, {
+			"path": "pages/my/M_coin",
+			"style": {
+				"navigationBarTitleText": "我的M币",
+				"navigationBarBackgroundColor": "#161616"
+			}
+		}, {
+			"path": "pages/my/wish",
+			"style": {
+				"navigationBarTitleText": "心愿",
+				"navigationBarBackgroundColor": "#161616"
+			}
+		}, {
+			"path": "pages/my/wishDetail",
+			"style": {
+				"navigationBarTitleText": "心愿详情",
+				"navigationBarBackgroundColor": "#161616"
+			}
+		}, {
+			"path": "pages/my/wishList",
+			"style": {
+				"navigationBarTitleText": "我的心愿"
+			}
+		}, {
+			"path": "pages/my/M_purchase",
+			"style": {
+				"navigationBarTitleText": "txt.M币充值",
+				"navigationBarBackgroundColor": "#161616"
+			}
+		}, {
 			"path": "pages/my/X_coin",
 			"style": {
 				"navigationBarTitleText": "我的X币",
 				"navigationBarBackgroundColor": "#161616"
 			}
-		}
-
-	],
-	"globalStyle": {
-		"navigationBarTextStyle": "white",
-		"navigationBarTitleText": "遇见玛特",
-		"navigationBarBackgroundColor": "#161616",
-		"backgroundColor": "#161616"
-	},
-	"tabBar": {
-		// "custom":true,
-		"color": "#999999",
-		"selectedColor": "#ffffff",
-		"borderStyle": "white",
-		"height": "50px",
-		"backgroundColor": "#161616",
-		"list": [{
-				"pagePath": "pages/index/index",
-				"iconPath": "static/tab/tab_home.png",
-				"selectedIconPath": "static/tab/tab_home_sel.png",
-				"text": "遇见"
-			},
-			{
-				"pagePath": "pages/article/article",
-				"iconPath": "static/tab/tab_article.png",
-				"selectedIconPath": "static/tab/tab_article_sel.png",
-				"text": "动态"
-			},
-			{
-				"pagePath": "pages/sms/sms",
-				"iconPath": "static/tab/tab_sms.png",
-				"selectedIconPath": "static/tab/tab_sms_sel.png",
-				"text": "消息"
-			},
-			{
-				"pagePath": "pages/my/my",
-				"iconPath": "static/tab/tab_me.png",
-				"selectedIconPath": "static/tab/tab_me_sel.png",
-				"text": "我的"
-			}
-		]
-	}
+		}, {
+			"path": "pages/w3/ucenter",
+			"style": {
+				"navigationBarTitleText": "会员中心",
+				"navigationBarBackgroundColor": "#161616"
+			}
+		}, {
+			"path": "pages/w3/tran",
+			"style": {
+				"navigationBarTitleText": "传送",
+				"navigationBarBackgroundColor": "#161616",
+				"app-plus": {
+					"bounce": "none",
+					"titleNView": {
+						"buttons": [{
+							"fontSize": "15px",
+							"text": "记录"
+						}],
+						"backButton": {
+							"background": "#00FF00"
+						}
+					}
+				}
+
+			}
+		}
+
+	],
+	"globalStyle": {
+		"navigationBarTextStyle": "white",
+		"navigationBarTitleText": "遇见玛特",
+		"navigationBarBackgroundColor": "#161616",
+		"backgroundColor": "#161616"
+	},
+	"tabBar": {
+		// "custom":true,
+		"color": "#999999",
+		"selectedColor": "#ffffff",
+		"borderStyle": "white",
+		"height": "50px",
+		"backgroundColor": "#161616",
+		"list": [{
+				"pagePath": "pages/index/index",
+				"iconPath": "static/tab/tab_home.png",
+				"selectedIconPath": "static/tab/tab_home_sel.png",
+				"text": "遇见"
+			},
+			{
+				"pagePath": "pages/article/article",
+				"iconPath": "static/tab/tab_article.png",
+				"selectedIconPath": "static/tab/tab_article_sel.png",
+				"text": "动态"
+			},
+			{
+				"pagePath": "pages/sms/sms",
+				"iconPath": "static/tab/tab_sms.png",
+				"selectedIconPath": "static/tab/tab_sms_sel.png",
+				"text": "消息"
+			},
+			{
+				"pagePath": "pages/my/my",
+				"iconPath": "static/tab/tab_me.png",
+				"selectedIconPath": "static/tab/tab_me_sel.png",
+				"text": "我的"
+			}
+		]
+	}
 }

pages/w3/tran.scss

@@ -0,0 +1,171 @@
+page {
+	background-color: #161616;
+	width: 100%;
+	height: 100%;
+}
+.page {
+	width: 750rpx;height: 100vh;
+	background: url('../../static/w3/bg.png');
+	background-size: 750 1624;
+}
+.header {
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	align-items: center;
+	width: 750rpx;height: 320rpx;
+	
+	.bg {
+		display: flex;flex-direction: row;
+		width: 650rpx;height: 320rpx;
+		background: url('../../static/w3/w3_bg_2.png');
+		background-size: 650rpx 320rpx;
+		justify-content: center;
+		padding-left:50rpx;
+		.left {
+			width:350rpx;
+			display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;
+			.user {
+				display: flex;flex-direction: row;justify-content: center;align-items: center;padding-top:44rpx;
+				.avator {
+					width:68rpx;height:68rpx;border-radius: 34rpx;
+				}
+				.iconV {
+					width:78rpx;height:42rpx;
+				}
+				.nickname {
+					font-weight: bold;
+					font-size: 32rpx;
+					color: #FFFFFF;
+				}
+			}
+			.num {
+				font-weight: bold;padding-top:64rpx;
+				font-size: 64rpx;
+				color: #FFFFFF;
+			}
+			.desc {
+				font-weight: 400;padding-top:12rpx;
+				font-size: 28rpx;
+				color: #999999;
+				display: flex;flex-direction: row;justify-content: center;align-items: center;
+				image {
+					width:36rpx;height:36rpx;
+				}
+			}
+		}
+		.right {
+			width:300rpx;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;
+			.icon {
+				width:250rpx;height:250rpx;margin-top:4rpx;
+			}
+			.arrow {
+				width:30rpx;
+			}
+			.desc {
+				padding-top:0rpx;
+				font-weight: 400;
+				font-size: 28rpx;
+				color: #FFFFFF;
+				display: flex;flex-direction: row;justify-content: center;align-items: center;
+				image {
+					width:36rpx;height:36rpx;
+				}
+			}
+		}
+		
+	}
+}
+
+.thread {
+	height: 20rpx;
+}
+
+.thread2 {
+	height: 60rpx;
+}
+.sigin {
+	display: flex;flex-direction: row;justify-content:flex-end;align-items: center;
+	width: 650rpx;height: 180rpx;margin:10rpx auto;
+	background: url('../../static/w3/signin.png');
+	background-size: 650rpx 180rpx;
+	.btn {
+		width:152rpx;height:72rpx;border-radius: 20rpx;margin-right:30rpx;
+		background-color: #fff;
+		display: flex;flex-direction: row;justify-content: center;align-items: center;
+	}
+}
+
+.list_r {
+	width:750rpx;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;margin-top:20rpx;
+	font-weight: bold;padding-left:40rpx;
+	font-size: 32rpx;
+	color: #FFFFFF;
+	.item1 {
+		width: 314rpx;height: 110rpx;margin-right:20rpx;
+		background: url('../../static/w3/bg_c1_box.png');
+		background-size: 314rpx 110rpx;
+	}
+	.item2 {
+		width: 314rpx;height: 110rpx;
+		background: url('../../static/w3/bg_c1_share.png');
+		background-size: 314rpx 110rpx;
+	}
+	.item3 {
+		width: 314rpx;height: 110rpx;margin-right:20rpx;margin-top:20rpx;
+		background: url('../../static/w3/bg_c1_tran.png');
+		background-size: 314rpx 110rpx;
+	}
+	.item4 {
+		width: 314rpx;height: 110rpx;margin-top:20rpx;
+		background: url('../../static/w3/bg_c1_x.png');
+		background-size: 314rpx 110rpx;
+	}
+
+}
+
+.list_item {
+	width:690rpx;height:308rpx;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;
+	background: url('../../static/w3/bg_box.png');
+	background-size: 690rpx 308rpx;margin:0 auto;
+	.item1 {
+		width:690rpx;height:70rpx;
+		display: flex;flex-direction: row;justify-content: space-between;align-items: center;
+		.left {
+			font-weight: bold;padding-left:30rpx;
+			font-size: 32rpx;
+			color: #FFFFFF;
+		}
+		.right {
+			font-weight: 400;padding-right:30rpx;
+			font-size: 28rpx;
+			color: #FFFFFF;
+		}
+	}
+	.item2 {
+		width:690rpx;height:228rpx;
+		display: flex;flex-direction: row;justify-content: space-between;align-items: center;
+		.left {
+			width:230rpx;
+			display: flex;flex-direction: row;justify-content: center;align-items: center;
+			image {
+				width:168rpx;
+			}
+		}
+		.right {
+			width:460rpx;
+			display: flex;flex-direction: column;justify-content: space-between;align-items: center;
+			.content {
+				font-weight: 400;font-size: 24rpx;color: #FFFFFF;
+				padding-right:80rpx;
+			}
+			.act {
+				width:100%;display: flex;flex-direction: row;justify-content: flex-end;align-items: center;padding-right: 30rpx;padding-top:20rpx;
+				image {
+					width:100rpx;height:32rpx;
+				}
+			}
+		}
+	}
+}
+

pages/w3/tran.vue

@@ -0,0 +1,234 @@
+<template>
+	<view class="page">
+		<view class="header">
+			<view class="bg">
+				<view class="left">
+					<view class="user">
+						<image class="avator" mode="widthFix" src="../../static/home/meinv.png"></image>
+						<text class="nickname">王思思</text>
+						<image class="iconV" mode="widthFix" src="../../static/w3/w3_icon_2.png"></image>
+					</view>
+					<view class="num">18400</view>
+					<view class="desc">
+						可用数量
+						<image class="arrow" mode="widthFix" src="../../static/w3/wenhao.png"></image>
+					</view>
+				</view>
+				<view class="right">
+					<image class="icon" mode="widthFix" src="../../static/w3/w3_2.png"></image>
+					<view class="desc">
+						查看晋升规则
+						<image class="arrow" mode="widthFix" src="../../static/me/arrow_right.png"></image>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="thread"></view>
+		<view class="sigin">
+			<view class="btn">
+				签到
+			</view>
+		</view>
+		<view class="thread"></view>
+		<view class="list_r">
+			<view class="item1"></view>
+			<view class="item2"></view>
+		</view>
+		<view class="list_r">
+			<view class="item3"></view>
+			<view class="item4"></view>
+		</view>
+		<view class="thread"></view>
+		<view class="thread"></view>
+		<view class="thread"></view>
+
+		<view class="list_item">
+			<view class="item1">
+				<text class="left">星际通行证</text>
+				<text class="right">开拓中0/1</text>
+			</view>
+			<view class="item2">
+				<view class="left">
+					<image class="icon" mode="widthFix" src="../../static/w3/icon_item.png"></image>
+				</view>
+				<view class="right">
+					<view class="content">探索需要50个暗物质，可探索获得80个暗物质，周期30 天，最多可完成1次探索。</view>
+					<view class="act">
+						<image class="icon" mode="widthFix" src="../../static/w3/tansuo.png"></image>
+					</view>
+				</view>
+			</view>
+		</view>
+
+
+
+
+		<view class="thread2"></view>
+
+
+	</view>
+</template>
+
+<script>
+	export default {
+		components: {},
+		data() {
+			return {
+				title: '故事花园为您服务',
+				app_index: [],
+				story_info: {},
+				platDiff: '',
+
+				num_people: 0,
+				num_diamond: 0,
+				showPop: false,
+				popFrom: 'bottom',
+				maskClick: true,
+				isPlayingState: false,
+
+				bg_show: false,
+				show_sound: false,
+				swiperIndex: 0,
+				data_list: [{
+					"title": "春晓",
+					"author": "唐.白居易",
+					"content": "春眠不觉晓，\n处处闻啼鸟。\n夜来风雨声，\n花落知多少。\n春眠不觉晓，\n处处闻啼鸟。\n夜来风雨声，\n花落知多少\n",
+					"is_show": 1
+				}],
+				record_list: [],
+				tid: 0,
+				audio: null,
+				record_id: 0,
+			}
+		},
+		onLoad() {
+			let self = this;
+		},
+		onShow() {
+			// uni.hideTabBar({
+			// 	animation:false
+			// })
+			// this.loadData(1);
+			// this.showBottomPlayer();
+		},
+		methods: {
+			start() {
+				this.title = '录音已开始';
+				console.log('start', new Date().getTime());
+			},
+			cancel() {
+				this.title = '录音取消，停止录音';
+				console.log('cancel', new Date().getTime());
+			},
+			loadData(is_first) {
+				console.log("this.globalData", getApp().globalData);
+				let obj2 = {
+					is_first: is_first
+				}
+				const postData = Object.assign({}, getApp().globalData.postHeader, obj2);
+
+				console.log(this.$apiHost + '/Gushi/all');
+
+				let that = this;
+				uni.request({
+					url: this.$apiHost + '/Gushi/all',
+					data: postData,
+					method: 'POST',
+					header: {
+						'content-type': 'application/json',
+						'Cache-Control': 'no-cache',
+						'Access-Control-Allow-Origin': '*'
+					},
+					success: (res) => {
+						console.log('data:', res.data);
+						that.data_list = res.data.msg.list;
+						that.num_people = res.data.msg.num_people;
+						that.num_diamond = res.data.msg.num_diamond;
+						if (is_first == 1) {
+							that.data_list.map((item, index) => {
+								if (item.is_show > 0) {
+									that.swiperIndex = index
+									that.tid = item.id;
+								}
+							});
+							that.loadRecord();
+						} else {
+							that.data_list.map((item, index) => {
+								if (that.tid == item.id) {
+									that.swiperIndex = index
+								}
+							})
+						}
+					},
+					complete() {
+						uni.hideLoading()
+					},
+					fail: (e) => {
+						console.log("e", e.errMsg)
+					}
+				});
+			},
+			loadRecord() {
+				let obj2 = {
+					tid: this.tid
+				}
+				console.log("this.obj2", obj2);
+				const postData = Object.assign({}, getApp().globalData.postHeader, obj2);
+				console.log(this.$apiHost + '/Gushi/all');
+				let that = this;
+				uni.request({
+					url: this.$apiHost + '/Gushi/record',
+					data: postData,
+					method: 'POST',
+					header: {
+						'content-type': 'application/json',
+						'Cache-Control': 'no-cache',
+						'Access-Control-Allow-Origin': '*'
+					},
+					success: (res) => {
+						console.log('loadRecord:', res.data);
+						that.record_list = res.data.msg.list;
+					},
+					fail: (e) => {
+						console.log("e", e.errMsg)
+					}
+				});
+			},
+			likeThis(item) {
+				let obj2 = {
+					tid: item.id
+				}
+				console.log("tid", obj2);
+				const postData = Object.assign({}, getApp().globalData.postHeader, obj2);
+				let that = this;
+				uni.request({
+					url: this.$apiHost + '/Gushi/record_like',
+					data: postData,
+					method: 'POST',
+					header: {
+						'content-type': 'application/json',
+						'Cache-Control': 'no-cache',
+						'Access-Control-Allow-Origin': '*'
+					},
+					success: (res) => {
+						console.log('likeThis:', res.data);
+						uni.showToast({
+							title: res.data.str,
+							icon: 'none'
+						})
+						if (res.data.status) {
+							this.loadRecord();
+						}
+					},
+					fail: (e) => {
+						console.log("e", e.errMsg)
+					}
+				});
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	@import 'tran.scss';
+</style>

pages/w3/ucenter.scss

@@ -0,0 +1,171 @@
+page {
+	background-color: #161616;
+	width: 100%;
+	height: 100%;
+}
+.page {
+	width: 750rpx;height: 100vh;
+	background: url('../../static/w3/bg.png');
+	background-size: 750 1624;
+}
+.header {
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	align-items: center;
+	width: 750rpx;height: 320rpx;
+	
+	.bg {
+		display: flex;flex-direction: row;
+		width: 650rpx;height: 320rpx;
+		background: url('../../static/w3/w3_bg_2.png');
+		background-size: 650rpx 320rpx;
+		justify-content: center;
+		padding-left:50rpx;
+		.left {
+			width:350rpx;
+			display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;
+			.user {
+				display: flex;flex-direction: row;justify-content: center;align-items: center;padding-top:44rpx;
+				.avator {
+					width:68rpx;height:68rpx;border-radius: 34rpx;
+				}
+				.iconV {
+					width:78rpx;height:42rpx;
+				}
+				.nickname {
+					font-weight: bold;
+					font-size: 32rpx;
+					color: #FFFFFF;
+				}
+			}
+			.num {
+				font-weight: bold;padding-top:64rpx;
+				font-size: 64rpx;
+				color: #FFFFFF;
+			}
+			.desc {
+				font-weight: 400;padding-top:12rpx;
+				font-size: 28rpx;
+				color: #999999;
+				display: flex;flex-direction: row;justify-content: center;align-items: center;
+				image {
+					width:36rpx;height:36rpx;
+				}
+			}
+		}
+		.right {
+			width:300rpx;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;
+			.icon {
+				width:250rpx;height:250rpx;margin-top:4rpx;
+			}
+			.arrow {
+				width:30rpx;
+			}
+			.desc {
+				padding-top:0rpx;
+				font-weight: 400;
+				font-size: 28rpx;
+				color: #FFFFFF;
+				display: flex;flex-direction: row;justify-content: center;align-items: center;
+				image {
+					width:36rpx;height:36rpx;
+				}
+			}
+		}
+		
+	}
+}
+
+.thread {
+	height: 20rpx;
+}
+
+.thread2 {
+	height: 60rpx;
+}
+.sigin {
+	display: flex;flex-direction: row;justify-content:flex-end;align-items: center;
+	width: 650rpx;height: 180rpx;margin:10rpx auto;
+	background: url('../../static/w3/signin.png');
+	background-size: 650rpx 180rpx;
+	.btn {
+		width:152rpx;height:72rpx;border-radius: 20rpx;margin-right:30rpx;
+		background-color: #fff;
+		display: flex;flex-direction: row;justify-content: center;align-items: center;
+	}
+}
+
+.list_r {
+	width:750rpx;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;margin-top:20rpx;
+	font-weight: bold;padding-left:40rpx;
+	font-size: 32rpx;
+	color: #FFFFFF;
+	.item1 {
+		width: 314rpx;height: 110rpx;margin-right:20rpx;
+		background: url('../../static/w3/bg_c1_box.png');
+		background-size: 314rpx 110rpx;
+	}
+	.item2 {
+		width: 314rpx;height: 110rpx;
+		background: url('../../static/w3/bg_c1_share.png');
+		background-size: 314rpx 110rpx;
+	}
+	.item3 {
+		width: 314rpx;height: 110rpx;margin-right:20rpx;margin-top:20rpx;
+		background: url('../../static/w3/bg_c1_tran.png');
+		background-size: 314rpx 110rpx;
+	}
+	.item4 {
+		width: 314rpx;height: 110rpx;margin-top:20rpx;
+		background: url('../../static/w3/bg_c1_x.png');
+		background-size: 314rpx 110rpx;
+	}
+
+}
+
+.list_item {
+	width:690rpx;height:308rpx;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;
+	background: url('../../static/w3/bg_box.png');
+	background-size: 690rpx 308rpx;margin:0 auto;
+	.item1 {
+		width:690rpx;height:70rpx;
+		display: flex;flex-direction: row;justify-content: space-between;align-items: center;
+		.left {
+			font-weight: bold;padding-left:30rpx;
+			font-size: 32rpx;
+			color: #FFFFFF;
+		}
+		.right {
+			font-weight: 400;padding-right:30rpx;
+			font-size: 28rpx;
+			color: #FFFFFF;
+		}
+	}
+	.item2 {
+		width:690rpx;height:228rpx;
+		display: flex;flex-direction: row;justify-content: space-between;align-items: center;
+		.left {
+			width:230rpx;
+			display: flex;flex-direction: row;justify-content: center;align-items: center;
+			image {
+				width:168rpx;
+			}
+		}
+		.right {
+			width:460rpx;
+			display: flex;flex-direction: column;justify-content: space-between;align-items: center;
+			.content {
+				font-weight: 400;font-size: 24rpx;color: #FFFFFF;
+				padding-right:80rpx;
+			}
+			.act {
+				width:100%;display: flex;flex-direction: row;justify-content: flex-end;align-items: center;padding-right: 30rpx;padding-top:20rpx;
+				image {
+					width:100rpx;height:32rpx;
+				}
+			}
+		}
+	}
+}
+

pages/w3/ucenter.vue

@@ -0,0 +1,234 @@
+<template>
+	<view class="page">
+		<view class="header">
+			<view class="bg">
+				<view class="left">
+					<view class="user">
+						<image class="avator" mode="widthFix" src="../../static/home/meinv.png"></image>
+						<text class="nickname">王思思</text>
+						<image class="iconV" mode="widthFix" src="../../static/w3/w3_icon_2.png"></image>
+					</view>
+					<view class="num">18400</view>
+					<view class="desc">
+						可用数量
+						<image class="arrow" mode="widthFix" src="../../static/w3/wenhao.png"></image>
+					</view>
+				</view>
+				<view class="right">
+					<image class="icon" mode="widthFix" src="../../static/w3/w3_2.png"></image>
+					<view class="desc">
+						查看晋升规则
+						<image class="arrow" mode="widthFix" src="../../static/me/arrow_right.png"></image>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="thread"></view>
+		<view class="sigin">
+			<view class="btn">
+				签到
+			</view>
+		</view>
+		<view class="thread"></view>
+		<view class="list_r">
+			<view class="item1"></view>
+			<view class="item2"></view>
+		</view>
+		<view class="list_r">
+			<view class="item3"></view>
+			<view class="item4"></view>
+		</view>
+		<view class="thread"></view>
+		<view class="thread"></view>
+		<view class="thread"></view>
+
+		<view class="list_item">
+			<view class="item1">
+				<text class="left">星际通行证</text>
+				<text class="right">开拓中0/1</text>
+			</view>
+			<view class="item2">
+				<view class="left">
+					<image class="icon" mode="widthFix" src="../../static/w3/icon_item.png"></image>
+				</view>
+				<view class="right">
+					<view class="content">探索需要50个暗物质，可探索获得80个暗物质，周期30 天，最多可完成1次探索。</view>
+					<view class="act">
+						<image class="icon" mode="widthFix" src="../../static/w3/tansuo.png"></image>
+					</view>
+				</view>
+			</view>
+		</view>
+
+
+
+
+		<view class="thread2"></view>
+
+
+	</view>
+</template>
+
+<script>
+	export default {
+		components: {},
+		data() {
+			return {
+				title: '故事花园为您服务',
+				app_index: [],
+				story_info: {},
+				platDiff: '',
+
+				num_people: 0,
+				num_diamond: 0,
+				showPop: false,
+				popFrom: 'bottom',
+				maskClick: true,
+				isPlayingState: false,
+
+				bg_show: false,
+				show_sound: false,
+				swiperIndex: 0,
+				data_list: [{
+					"title": "春晓",
+					"author": "唐.白居易",
+					"content": "春眠不觉晓，\n处处闻啼鸟。\n夜来风雨声，\n花落知多少。\n春眠不觉晓，\n处处闻啼鸟。\n夜来风雨声，\n花落知多少\n",
+					"is_show": 1
+				}],
+				record_list: [],
+				tid: 0,
+				audio: null,
+				record_id: 0,
+			}
+		},
+		onLoad() {
+			let self = this;
+		},
+		onShow() {
+			// uni.hideTabBar({
+			// 	animation:false
+			// })
+			// this.loadData(1);
+			// this.showBottomPlayer();
+		},
+		methods: {
+			start() {
+				this.title = '录音已开始';
+				console.log('start', new Date().getTime());
+			},
+			cancel() {
+				this.title = '录音取消，停止录音';
+				console.log('cancel', new Date().getTime());
+			},
+			loadData(is_first) {
+				console.log("this.globalData", getApp().globalData);
+				let obj2 = {
+					is_first: is_first
+				}
+				const postData = Object.assign({}, getApp().globalData.postHeader, obj2);
+
+				console.log(this.$apiHost + '/Gushi/all');
+
+				let that = this;
+				uni.request({
+					url: this.$apiHost + '/Gushi/all',
+					data: postData,
+					method: 'POST',
+					header: {
+						'content-type': 'application/json',
+						'Cache-Control': 'no-cache',
+						'Access-Control-Allow-Origin': '*'
+					},
+					success: (res) => {
+						console.log('data:', res.data);
+						that.data_list = res.data.msg.list;
+						that.num_people = res.data.msg.num_people;
+						that.num_diamond = res.data.msg.num_diamond;
+						if (is_first == 1) {
+							that.data_list.map((item, index) => {
+								if (item.is_show > 0) {
+									that.swiperIndex = index
+									that.tid = item.id;
+								}
+							});
+							that.loadRecord();
+						} else {
+							that.data_list.map((item, index) => {
+								if (that.tid == item.id) {
+									that.swiperIndex = index
+								}
+							})
+						}
+					},
+					complete() {
+						uni.hideLoading()
+					},
+					fail: (e) => {
+						console.log("e", e.errMsg)
+					}
+				});
+			},
+			loadRecord() {
+				let obj2 = {
+					tid: this.tid
+				}
+				console.log("this.obj2", obj2);
+				const postData = Object.assign({}, getApp().globalData.postHeader, obj2);
+				console.log(this.$apiHost + '/Gushi/all');
+				let that = this;
+				uni.request({
+					url: this.$apiHost + '/Gushi/record',
+					data: postData,
+					method: 'POST',
+					header: {
+						'content-type': 'application/json',
+						'Cache-Control': 'no-cache',
+						'Access-Control-Allow-Origin': '*'
+					},
+					success: (res) => {
+						console.log('loadRecord:', res.data);
+						that.record_list = res.data.msg.list;
+					},
+					fail: (e) => {
+						console.log("e", e.errMsg)
+					}
+				});
+			},
+			likeThis(item) {
+				let obj2 = {
+					tid: item.id
+				}
+				console.log("tid", obj2);
+				const postData = Object.assign({}, getApp().globalData.postHeader, obj2);
+				let that = this;
+				uni.request({
+					url: this.$apiHost + '/Gushi/record_like',
+					data: postData,
+					method: 'POST',
+					header: {
+						'content-type': 'application/json',
+						'Cache-Control': 'no-cache',
+						'Access-Control-Allow-Origin': '*'
+					},
+					success: (res) => {
+						console.log('likeThis:', res.data);
+						uni.showToast({
+							title: res.data.str,
+							icon: 'none'
+						})
+						if (res.data.status) {
+							this.loadRecord();
+						}
+					},
+					fail: (e) => {
+						console.log("e", e.errMsg)
+					}
+				});
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	@import 'ucenter.scss';
+</style>