zqwang 1 éve
szülő
commit
dc97adc369

+ 0 - 3
README.md

@@ -1,6 +1,3 @@
-####软件订制开发、技术合作、创业合作等可以加我wx zhuzhi520 请备注(uniapp)
-####uniapp qq技术交流 306003105
-
 
 # 项目功能介绍 支持无限滑动 高性能滑动 预加载 视频预览
 

+ 2 - 2
common/apis/my.js

@@ -1,6 +1,6 @@
 import http from "../http.js";
 
-// 获取客服
+// 获取用户信息
 export const getUserInfo = () => {
-	return http.get('/api/wxapp/getUserInfo');
+	return http.get('/api/wxapp/userInfo');
 } 

+ 2 - 1
common/http.js

@@ -30,7 +30,8 @@ export default {
 		options.header.appid = wxApp.getWXAppId();
 		options.header.source = 'wxapp';
 		// 过滤不需要token的api
-		if (filterNoToken.indexOf(options.url) === -1) {
+		if (filterNoToken.indexOf(options.url) === -1) {
+			// console.log('getTokenString ',options.url )
 			options.header.Authorization = await (this.getTokenString());
 		}
 		// #endif

+ 6 - 6
common/token.js

@@ -17,7 +17,7 @@ export const getToken = async () => {
 	} else if (checkToken(token)) {
 		return Promise.resolve(token.token);
 	} else {
-		getToken = refreshToken();
+		getToken.promise = refreshToken();
 	}
 
 	getToken.promise = getToken.promise
@@ -25,11 +25,11 @@ export const getToken = async () => {
 			getToken.promise = null;
 		})
 		.then(r => {
-			console.log("refresh",r); 
+			console.log("refresh"); 
 			return setToken(r);
 		});
 	return getToken.promise;
-
+ 
 };
 
 
@@ -73,7 +73,7 @@ const refreshToken = () => {
 		refreshToken: token.refreshToken,
 		appid: wxApp.getWXAppId()
 	});
-	console.log('refreshTokenrrrrr', res);
+	// console.log('refreshTokenrrrrr', res);
 	return res;
 };
 
@@ -84,9 +84,9 @@ const checkToken = t => {
 
 // 设置token
 const setToken = async t => {
-	console.log('bbbbbbbbbbbbbbbbbbbbbbb', t);
+	// console.log('bbbbbbbbbbbbbbbbbbbbbbb', t);
 	token = formatToken(t);
-	console.log('tttttttttt', token);
+	// console.log('tttttttttt', token);
 	uni.setStorageSync("token", token);
 	return t.token;
 };

BIN
duanjuwxmin/icon/my/chongzhijl.png


BIN
duanjuwxmin/icon/my/kefu.png


BIN
duanjuwxmin/icon/my/my-zj.png


BIN
duanjuwxmin/icon/my/xiaofei.png


+ 20 - 2
pages.json

@@ -324,7 +324,7 @@
 				// #ifdef H5
 				"navigationStyle": "custom",
 				// #endif
-				"navigationBarTitleText": "个人中心"
+				"navigationBarTitleText": "我的"
 			}
 		},
 		{
@@ -399,7 +399,25 @@
 			}
 		}
 
-	],
+	    ,{
+            "path" : "pages/client/orders/orders",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/client/consume/consume",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+    ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "正在载入",

+ 22 - 0
pages/client/consume/consume.vue

@@ -0,0 +1,22 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

+ 218 - 354
pages/client/member/index.vue

@@ -1,356 +1,220 @@
-<template>
-	<view class="pd24_20">
-		<view  v-if="isLogin == false" @click="showLoginAct" class="flex alcenter space">
-			<view   class="flex alcenter">
-				<view class="member-face">
-					<image class="face" :src="statics.defaultFace"></image>
-				</view>
-				<view class="ml15">
-					<view class="ft16 cl-main">暂未登录</view>
-					<view class="mt12 ft12 cl-notice">点击登录 享受更多会员特惠</view>
-				</view>
-			</view>
-			<text class="iconfont iconicon_arrow_small ft12 cl-notice"></text>	
-		</view>
-		<view  v-else class="flex alcenter space">
-			<view class="flex alcenter" @click="opsets">
-				<view class="member-face">
-					<image class="face" :src="avatar"></image>
-					<image class="vip-level" :src="userinfo.group_id>1?statics.vipLevelImg[0]:''"></image>
-				</view>
-				<view class="ml15">
-					<view class="ft16 cl-main">{{ userinfo.nickname || '' }}</view>
-					<view class="mt12 ft12 cl-notice">ID:{{ userinfo.user_id || '' }}</view>
-				</view>
-			</view>
-			<view class="btn-mini opsetads" @click="opset">
-				<image mode="aspectFit" style="width: 100%; height: 100%;" :src="staticUrl + 'sz.png?v=1'">
-			</view>
-		</view>
-		<view style="width: 100%; height: 30upx;"></view>
-		<home-vipcard :userinfo="userinfo" @loginAct="showLoginAct" @qrcode="showQrcode = true"></home-vipcard>
-		<view class="mt24">
-			<home-banner :banners="banners"></home-banner>
-		</view>
-		<view class="flex wrap space mt16">
-			<view v-for="(item,index) in getMenus" :key="index" :class="index > 1 ? 'mt16': ''">
-				<view v-if="item.type == 'link'" :data-index="index" @click="memberLinkTo" class="box pd16_15 flex alcenter" style="width: 320rpx;" >
-					<image :src="item.icon" style="width: 64rpx;height: 64rpx;"></image>
-					<text class="ml15 ft14 ftw500 cl-main">{{item.name}}</text>
-				</view>
-				<view v-else style="width: 320rpx;">
-					<button class="box pd16_15 flex alcenter" :open-type="item.type" style="padding: 32rpx 30rpx; margin: 0;">
-						<image :src="item.icon" style="width: 64rpx;height: 64rpx;"></image>
-						<text class="ml15 ft14 ftw500 cl-main">{{item.name}}</text>
-					</button>
-				</view>
-			</view>
-		</view>
-		
-<!-- 		<navigator open-type="reLaunch" url="/pages/staff/index">
-			<view class="box pd16_15 mt16 flex alcenter space">
-				<view class="flex alcenter">
-					<text class="iconfont iconicon_my_shop cl-main ft24"></text>
-					<text class="ml15 ft14 ftw500 cl-main">商户管理入口</text>
-				</view>
-				<text class="iconfont iconicon_arrow_small cl-notice"></text>
-			</view>
-		</navigator> -->
-		
-<!-- 		<view class="mt32 flex center alcenter">
-			<view class="bd-line" style="width: 120rpx;"></view>
-			<view class="ml30 mr30 ft12 cl-notice">推荐小程序</view>
-			<view class="bd-line" style="width: 120rpx;"></view>
-		</view>
-		<view class="mt24 flex alcenter space">
-			<view class="flex alcenter">
-				<image class="miniapp-icon" style="background: #00C657;"></image>
-				<text class="ft14 cl-info2 ml10">小程序A</text>
-			</view>
-			<view class="flex alcenter">
-				<image class="miniapp-icon" style="background: #007AFF;"></image>
-				<text class="ft14 cl-info2 ml10">小程序b</text>
-			</view>
-			
-			<navigator url="/pages/client/miniapp">
-				<view class="flex alcenter">
-					<text class="ft24 iconfont iconicon_more cl-notice"></text>
-					<text class="ft14 cl-info2 ml10">更多</text>
-				</view>
-			</navigator>
-		</view> -->
-		
-		<com-copyright></com-copyright>
-		
-		<!-- <com-footer model="member"></com-footer> -->
-		
-		<dialog-birthday v-if="showBirthday" @closed="showBirthday = false"></dialog-birthday>
-		<dialog-login v-if="showLogin" @loginYes="loginYes" @closed="showLogin = false"></dialog-login>
-		<dialog-qrcode v-if="showQrcode" @closed="showQrcode = false"></dialog-qrcode>
-	</view>
-</template>
-
+<template>
+	<view class="body">
+
+		<view class="pd24_20 flex alcenter space user-info">
+			<view class="flex alcenter" @click="opsets">
+				<view class="member-face">
+					<image class="face" :src="statics.defaultFace"></image>
+					<image class="vip-level" :src="userinfo.group_id>1?statics.vipLevelImg[0]:''"></image>
+				</view>
+				<view class="ml15">
+					<view class="ft16 cl-main">{{userinfo.type}}</view>
+					<view class="mt12 ft12 cl-notice">ID:{{ userinfo.user_id || '' }}</view>
+				</view>
+			</view>
+		</view>
+		<view class="pd24_20">
+	
+			<div class="box pd16_15  creadit-box">
+				<div class="mt16 coin-box">
+					<div class="flex alcenter coin-item">
+						<label class="coin-text">12300</label>
+						<label class="coin-text">永久看币</label>
+					</div>
+					<label class="box-line">|</label>
+					<div class="flex alcenter coin-item" >
+						<label class="coin-text" >12300</label>
+						<label class="coin-text">赠送看币</label>
+					</div>
+				</div>
+				<div class="mt16 box-cj"><label class="btn-cz">去充值</label></div>
+				
+			</div>
+			<!-- <home-vipcard :userinfo="userinfo" @loginAct="showLoginAct" @qrcode="showQrcode = true"></home-vipcard> -->
+
+			<view class="flex wrap space mt16">
+				<view v-for="(item,index) in getMenus" :key="index" :class="index > 1 ? 'mt16': ''">
+					<view v-if="item.type == 'link'" :data-index="index" @click="memberLinkTo"
+						class="box pd16_15 flex alcenter" style="width: 320rpx;">
+						<image :src="item.icon" style="width: 64rpx;height: 64rpx;"></image>
+						<text class="ml15 ft14 ftw500 cl-main">{{item.name}}</text>
+					</view>
+					<view v-else style="width: 320rpx;" @click="showPopu(item.type)">
+						<button class="box pd16_15 flex alcenter" style="padding: 32rpx 30rpx; margin: 0;">
+							<image :src="item.icon" style="width: 64rpx;height: 64rpx;"></image>
+							<text class="ml15 ft14 ftw500 cl-main">{{item.name}}</text>
+						</button>
+					</view>
+				</view>
+			</view>
+			<com-copyright></com-copyright>
+
+			<!-- <com-footer model="member"></com-footer> -->
+			<uni-popup ref="popup" type="center"><image class="qrcode-img"  :src="kefu.url"></image></uni-popup>
+			<dialog-birthday v-if="showBirthday" @closed="showBirthday = false"></dialog-birthday>
+			
+			
+		</view>
+	</view>
+</template>
+
 <script>
-	export default{
-		data(){
-			return {
-				isLogin:false,
-				showLogin:false,
-				isBirthday:true,
-				showBirthday:false,
-				showQrcode:false,
-				avatar:'',
-				userinfo:[],
-				banners:[],
-				vipLevel:0,
-				iskq:0,
-				uid:0,
-				staticUrl:this.$config.staticUrl,
-				memberMenus:[
-					{name:'观看历史',type:'link',model:'',link:'/pages/client/tuan/zjgk',icon:this.$config.staticUrl + 'vipcard_icon_my_card@2x.png',show:1},
-					{name:'我的追剧',type:'link',model:'',link:'/pages/client/tuan/zjjl',icon:this.$config.staticUrl + 'vipcard_icon_my_order@2x.png',show:1},
-					{name:'我的喜欢',type:'link',model:'',link:'/pages/client/tuan/wdxh',icon:this.$config.staticUrl + 'vipcard_love.png?v=1',show:1},
-					{name:'收货地址',type:'link',model:'',link:'/pages/client/member/address',icon:this.$config.staticUrl + 'vipcard_icon_my_address@2x.png',show:0},
-					{name:'官方商城',type:'link',model:'',link:'/pages/client/shop',icon:this.$config.staticUrl + 'vipcard_icon_my_integral@2x.png',show:0},
-					{name:'联系客服',type:'link',model:'',link:'/pages/client/vipcard/adviser',icon:this.$config.staticUrl + 'vipcard_icon_my_advise@2x.png',show:1},
-					{name:'我的团队',type:'link',model:'',link:'/pages/client/mytuandui',icon:this.$config.staticUrl + 'vipcard_icon_my_invite@2x.png',show:3},
-					{name:'分销订单',type:'link',model:'',link:'/pages/client/vipcard/fxlog',icon:this.$config.staticUrl + 'vipcard_icon_my_integral@2x.png',show:3},
-				],
-			}
-		},
-		computed:{
-			getMenus(){
-				let arr = new Array;
-				for(var a  in this.memberMenus){
-					if(this.memberMenus[a].show == 1 || (this.iskq==1 && this.memberMenus[a].show == 3)){
-						arr.push(this.memberMenus[a]);
-					}
-				}
-				return arr;
-			}
-		},
-		onLoad(){
-			if(uni.getStorageSync("userinfo")){
-				 this.uid=uni.getStorageSync("userinfo").id
-			}
-		},
-		onShow() {
-			if(uni.getStorageSync("userinfo").token){
-				this.isLogin =true; 
-				this.ongrzlTap();
-			}else{
-				this.isLogin =false; 
-			}
-			this.banners=uni.getStorageSync("config").banner
-			this.getList();
-		},
-		onShareAppMessage: function(res) {
-			  // #ifdef MP-WEIXIN
-			var href='/pages/login/login?fxpid='+this.uid
-		    console.log(res)
-		    let that = this;
-		    const obj = {
-		      title: "发送给好友",
-		      imageUrl: '',
-		      path: href,
-		      success: function(res) {
-		        console.log(res, "转发成功")
-		      },
-		      fail: function(res) {
-		        wx.showToast({
-		          title: '发送失败',
-		          icon:'none'
-		        })
-		      }
-		    }
-		    return obj
-			  // #endif
-		},
-		onShareTimeline(e){
-			
-		},
-		methods:{
-			opset(){
-				uni.navigateTo({
-					url:'/pages/set/set'
-				})
-			},
-			opsets(){
-				uni.navigateTo({
-					url:'/pages/set/grzl/grzl'
-				})
-			},
-			async ongrzlTap(){
-				let data = {};
-				data.token = uni.getStorageSync("userinfo").token;
-				data.uid = uni.getStorageSync("userinfo").id;
-				uni.request({
-					url: this.configs.webUrl+'/api/user/index',
-					data: data,
-					success: res =>{
-						if(res.data.code==1){
-							let ionfo=res.data.data
-							ionfo.isLogin=true
-							this.userinfo=ionfo
-							this.iskq=this.userinfo.config.iskq
-							uni.setStorage({//缓存配置信息
-								key: 'userinfo',  
-								data: res.data.data
-							})
-							if(res.data.data.avatar){
-									var str = res.data.data.avatar;
-									if(str.indexOf("data:image") != -1){
-										this.avatar='';
-									}else{
-										if(str.indexOf("http") != -1){
-											this.avatar=res.data.data.avatar;
-										}else{
-											this.avatar=this.configs.imgUrl+res.data.data.avatar;
-										}
-									}
-								}else{
-									this.avatar='';
-								}
-								uni.setStorage({//缓存配置信息
-									key: 'avatar',  
-									data: this.avatar
-								})
-						}else{
-							uni.showToast({ title: res.data.msg,icon:"none" });
-						}
-					},
-					fail: (data, code) => {
-						//console.log('fail' + JSON.stringify(data));
-					}
-				});		
-			},
-			getList() {
-				let data = {};
-				var limit=15;
-				data.limit=limit
-				data.ishot=2
-				uni.request({
-					url: this.configs.webUrl+'/api/video/lists',
-					data: data,
-					success: data => {
-						//console.log(data.data)
-						uni.setStorage({//缓存配置信息
-							key: 'config',  
-							data: data.data.config
-						})
-						if(uni.getStorageSync("config").iskq){
-							this.iskq=uni.getStorageSync("config").iskq;
-						}
-					},
-					fail: (data, code) => {
-					}
-				});
-			},
-			memberLinkTo(e){
-				let index =  parseInt(e.currentTarget.dataset.index);
-				if(this.isLogin == false&& this.getMenus[index].model != 'integral'){
-					this.showLogin = true;
-				}else{
-					if(this.getMenus[index].link != ''){
-						if(this.getMenus[index].model == 'integral'){
-							uni.redirectTo({
-								url:this.getMenus[index].link 
-							})
-						}else{
-							uni.navigateTo({
-								url:this.getMenus[index].link 
-							})
-						}
-					}
-				}
-			},
-			birthdayAct(){
-				if(this.isBirthday){
-					uni.navigateTo({
-						url:'/pages/client/member/birthday'
-					})
-				}else{
-					uni.navigateTo({
-						url:'/pages/client/member/info'
-					})
-				}
-			},
-			showLoginAct(){
-				uni.navigateTo({
-					url:'/pages/login/login'
-				})
-			},
-			loginYes(){
-				
-			},
-			outlogin(){
-				uni.showModal({
-				    content: '确定要退出登录么',
-				    success: (e)=>{
-				    	if(e.confirm){
-				    		uni.clearStorageSync();
-							
-				    		setTimeout(()=>{
-				    			this.isLogin =false; 
-								this.userinfo.isLogin=false
-				    		}, 200)
-				    	}
-				    }
-				});
-			}
-		}
-	}
-</script>
-
-<style>
-	.opsetads{
-		background: #FFFFFF;
-		color:#000000; 
-		width: 70upx; 
-		line-height: 70upx; 
-		height: 70upx; 
-		text-align: center; 
-		border-radius: 100%;
-		animation: rotate 10s linear infinite;
-	}
-	@keyframes rotate{
-	    0%{
-	        transform:rotate(0deg) skew(0deg) scale(1);
-	        -ms-transform:rotate(0deg) skew(0deg) scale(1);     /* IE 9 */
-	        -moz-transform:rotate(0deg) skew(0deg) scale(1);     /* Firefox */
-	        -webkit-transform:rotate(0deg) skew(0deg) scale(1); /* Safari  Chrome */
-	        -o-transform:rotate(0deg) skew(0deg) scale(1); 
-	    }
-	    100%{
-	        transform:rotate(360deg) skew(0deg) scale(1);
-	        -ms-transform:rotate(360deg) skew(0deg) scale(1);     /* IE 9 */
-	        -moz-transform:rotate(360deg) skew(0deg) scale(1);     /* Firefox */
-	        -webkit-transform:rotate(360deg) skew(0deg) scale(1); /* Safari  Chrome */
-	        -o-transform:rotate(360deg) skew(0deg) scale(1); 
-	    }
-	}
-	.member-face{
-		position: relative;
-	}
-	.member-face .vip-level{
-		height: 48rpx;
-		width: 48rpx;
-		position: absolute;
-		left: calc(50% - 24rpx);
-		top: -30rpx;
-	}
-	.member-face .face{
-		width: 160rpx;
-		height: 160rpx;
-		border:6rpx solid #FFFFFF;
-		background: #FFFFFF;
-		border-radius: 100rpx;
-		box-shadow: 0rpx 24rpx 48rpx 0rpx rgba(197, 202, 219, 0.3);
-	}
-	.miniapp-icon{
-		width: 48rpx;
-		height: 48rpx;
-		border-radius: 24rpx;
-		background: #F2F2F2;
-	}
+	import {getKefu} from "@/common/apis/common.js"
+	import {getUserInfo} from "@/common/apis/my.js"
+	export default {
+		data() {
+			return {
+				isLogin: false,
+				showLogin: false,
+				isBirthday: true,
+				showBirthday: false,
+				showQrcode: true,
+				avatar: '',
+				userinfo: {
+					type: "微信用户",
+					id: '00001',
+				},
+				kefu:{url:"",},
+				vipLevel: 0,
+				iskq: 0,
+				uid: 0,
+				staticUrl: this.$config.staticUrl,
+				memberMenus: [
+					// {name:'观看历史',type:'link',model:'',link:'/pages/client/tuan/zjgk',icon:this.$config.staticUrl + 'vipcard_icon_my_card@2x.png',show:1},
+					// {name:'我的追剧',type:'link',model:'',link:'/pages/client/tuan/zjjl',icon:this.$config.staticUrl + 'vipcard_icon_my_order@2x.png',show:1},
+					{
+						name: '我的追剧',
+						type: 'link',
+						model: '',
+						link: '/pages/client/tuan/zjjl',
+						icon: this.$config.staticUrl + 'vipcard_icon_my_card@2x.png',
+						show: 1
+					},
+					{
+						name: '充值记录',
+						type: 'link',
+						model: '',
+						link: '/pages/client/orders/oreders',
+						icon: this.$config.staticUrl + 'vipcard_icon_my_advise@2x.png',
+						show: 1
+					},
+					{
+						name: '消费记录',
+						type: 'link',
+						model: '',
+						link: '/pages/client/consume/consume',
+						icon: this.$config.staticUrl + 'vipcard_icon_my_advise@2x.png',
+						show: 1
+					},
+					{
+						name: '联系客服',
+						type: 'kefu',
+						model: '',
+						link: '/pages/client/tuan/wdxh',
+						icon: this.$config.staticUrl + 'vipcard_love.png?v=1',
+						show: 1
+					},
+
+					// {name:'收货地址',type:'link',model:'',link:'/pages/client/member/address',icon:this.$config.staticUrl + 'vipcard_icon_my_address@2x.png',show:0},
+					// {name:'官方商城',type:'link',model:'',link:'/pages/client/shop',icon:this.$config.staticUrl + 'vipcard_icon_my_integral@2x.png',show:0},
+					// {name:'联系客服',type:'link',model:'',link:'/pages/client/vipcard/adviser',icon:this.$config.staticUrl + 'vipcard_icon_my_advise@2x.png',show:1},
+					// {name:'我的团队',type:'link',model:'',link:'/pages/client/mytuandui',icon:this.$config.staticUrl + 'vipcard_icon_my_invite@2x.png',show:3},
+					// {name:'分销订单',type:'link',model:'',link:'/pages/client/vipcard/fxlog',icon:this.$config.staticUrl + 'vipcard_icon_my_integral@2x.png',show:3},
+				],
+			}
+		},
+		computed: {
+			getMenus() {
+				let arr = new Array;
+				for (var a in this.memberMenus) {
+					if (this.memberMenus[a].show == 1 || (this.iskq == 1 && this.memberMenus[a].show == 3)) {
+						arr.push(this.memberMenus[a]);
+					}
+				}
+				return arr;
+			}
+		},
+		async onLoad() {
+			this.kefu = await getKefu();
+		},
+		async onShow() {
+			let info =  await getUserInfo();
+		},
+		onShareAppMessage: function(res) { 
+			// #ifdef MP-WEIXIN 
+			var href = '/pages/login/login?fxpid=' + this.uid
+			console.log(res)
+			let that = this;
+			const obj = {
+				title: "发送给好友",
+				imageUrl: '',
+				path: href,
+				success: function(res) {
+					console.log(res, "转发成功")
+				},
+				fail: function(res) {
+					wx.showToast({
+						title: '发送失败',
+						icon: 'none'
+					})
+				}
+			}
+			return obj
+			// #endif
+		},
+		onShareTimeline(e) {
+
+		},
+		methods: {
+			showPopu(type = "kefu") {
+				if (type == "kefu") {
+					this.$refs.popup.open('center')
+				}
+			},
+			opset() {
+				uni.navigateTo({
+					url: '/pages/set/set'
+				})
+			},
+			opsets() {
+				uni.navigateTo({
+					url: '/pages/set/grzl/grzl'
+				})
+			},
+			memberLinkTo(e) {
+				let index = parseInt(e.currentTarget.dataset.index);
+				if (this.isLogin == false && this.getMenus[index].model != 'integral') {
+					this.showLogin = true;
+				} else {
+
+				}
+				if (this.getMenus[index].link != '') {
+					if (this.getMenus[index].model == 'integral') {
+						uni.redirectTo({
+							url: this.getMenus[index].link
+						})
+					} else {
+						uni.navigateTo({
+							url: this.getMenus[index].link
+						})
+					}
+				}
+			},
+			birthdayAct() {
+				if (this.isBirthday) {
+					uni.navigateTo({
+						url: '/pages/client/member/birthday'
+					})
+				} else {
+					uni.navigateTo({
+						url: '/pages/client/member/info'
+					})
+				}
+			}
+		}
+	}
+</script>
+
+<style>
+	@import url("style/index.css");
 </style>

+ 115 - 0
pages/client/member/style/index.css

@@ -0,0 +1,115 @@
+	.body {
+		background-color: #FFFFFF;
+	}
+	.coin-text{
+		font-size: 1rem;
+	}
+	.box-line{
+		font-size: 1px;
+		height: 26px;
+		margin-top: 13px;
+		line-height: 100%;
+		background-color: #000000;
+	}
+	.btn-cz{
+		background-color: #ffc107cc;
+		font-size: 16px;
+		line-height: 24px;
+		color: #fff;
+		padding: 10rpx 30rpx;
+		border-radius: 15rpx;
+		height: 24px;
+		min-width:50px;
+		display: block;
+		text-align: center;
+	}
+	.box-cj{
+		float: right;
+		flex-grow:1;
+	}
+	.qrcode-img{
+		height: 25rem;
+	}
+	.user-info{
+		background-color: #9e9e9e3d;
+	}
+	.creadit-box{
+		display: flex;
+		flex-direction: row;
+		flex-wrap: nowrap;
+	}
+	.coin-item{
+		display: flex;
+		flex-direction: column;
+		flex-grow:2;
+	}
+	.coin-box{
+		display: flex;
+		flex-direction: row;
+		color: #000000;
+		flex-grow:4;
+	}
+	.opsetads {
+		background: #FFFFFF;
+		color: #000000;
+		width: 70upx;
+		line-height: 70upx;
+		height: 70upx;
+		text-align: center;
+		border-radius: 100%;
+		animation: rotate 10s linear infinite;
+	}
+
+	@keyframes rotate {
+		0% {
+			transform: rotate(0deg) skew(0deg) scale(1);
+			-ms-transform: rotate(0deg) skew(0deg) scale(1);
+			/* IE 9 */
+			-moz-transform: rotate(0deg) skew(0deg) scale(1);
+			/* Firefox */
+			-webkit-transform: rotate(0deg) skew(0deg) scale(1);
+			/* Safari  Chrome */
+			-o-transform: rotate(0deg) skew(0deg) scale(1);
+		}
+
+		100% {
+			transform: rotate(360deg) skew(0deg) scale(1);
+			-ms-transform: rotate(360deg) skew(0deg) scale(1);
+			/* IE 9 */
+			-moz-transform: rotate(360deg) skew(0deg) scale(1);
+			/* Firefox */
+			-webkit-transform: rotate(360deg) skew(0deg) scale(1);
+			/* Safari  Chrome */
+			-o-transform: rotate(360deg) skew(0deg) scale(1);
+		}
+	}
+
+	.member-face {
+		position: relative;
+	}
+
+	.member-face .vip-level {
+		height: 48rpx;
+		width: 48rpx;
+		position: absolute;
+		left: calc(50% - 24rpx);
+		top: -30rpx;
+	}
+
+	.member-face .face {
+		width: 160rpx;
+		height: 160rpx;
+		border: 6rpx solid #FFFFFF;
+		background: #FFFFFF;
+		border-radius: 100rpx;
+		box-shadow: 0rpx 24rpx 48rpx 0rpx rgba(197, 202, 219, 0.3);
+	}
+
+	.miniapp-icon {
+		width: 48rpx;
+		height: 48rpx;
+		border-radius: 24rpx;
+		background: #F2F2F2;
+	}
+
+	.creadit-box {}

+ 22 - 0
pages/client/orders/orders.vue

@@ -0,0 +1,22 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>