yanjie vor 4 Jahren
Ursprung
Commit
3303aaa23f

+ 1 - 1
pages.json

xqd
@@ -287,7 +287,7 @@
 		"current": 0,
 		"list": [{
 			"name": "工具",
-			"path": "pages/index/mine" //我的
+			"path": "pages/personal/coupon/coupon" //我的
 			// "path": "pages/service_packs/introduce"//服务包
 		}]
 	}

+ 6 - 1
pages/index/mine.vue

xqd xqd
@@ -25,7 +25,7 @@
 								<view class="m-gray-big f20 fb pr10">{{info.balance/100}}</view>
 								<view class="m-gray-letter mt5 f12">余额(元)</view>
 							</navigator>
-							<view bindtap="" class="m-flex tl f14 m-ycenter">
+							<view @click="gocoupon" class="m-flex tl f14 m-ycenter">
 								<view class="m-gray-big f20 fb">{{info.coupon_num}}</view>
 								<view class="m-gray-letter mt5 f12">优惠券(张)</view>
 							</view>
@@ -174,6 +174,11 @@
 					}
 				}
 			},
+			gocoupon(){
+				uni.navigateTo({
+					url:"../personal/coupon/coupon"
+				})
+			}
 		}
 	};
 </script>

+ 19 - 19
pages/personal/coupon/coupon.vue

xqd xqd
@@ -13,24 +13,28 @@
 					<view style="text-align: right;">
 						<text>使用规则 ></text>
 					</view>
-					<view>
-						<u-card :title="title" :sub-title="subTitle" :thumb="thumb">
-							<view class="" slot="body">
-								<view class="u-body-item u-flex u-border-bottom u-col-between u-p-t-0">
-									<view class="u-body-item-title u-line-2">瓶身描绘的牡丹一如你初妆,冉冉檀香透过窗心事我了然,宣纸上走笔至此搁一半</view>
-									<image src="https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg"
-									 mode="aspectFill"></image>
+					<view class="margin-top-sm">
+						<view class="cu-list menu-avatar padding-tb-sm bg-white">
+							<view class="cu-item" v-for="(item,index) in 5" :key="index">
+								<view class="cu-avatar round lg" style="background-image:url(https://ossweb-img.qq.com/images/lol/img/champion/Taric.png);">
 								</view>
-								<view class="u-body-item u-flex u-row-between u-p-b-0">
-									<view class="u-body-item-title u-line-2">釉色渲染仕女图韵味被私藏,而你嫣然的一笑如含苞待放</view>
-									<image src="https://img12.360buyimg.com/n7/jfs/t1/102191/19/9072/330688/5e0af7cfE17698872/c91c00d713bf729a.jpg"
-									 mode="aspectFill"></image>
+								<view class="content">
+									<view class="text-grey">
+										<text class="text-cut">九折卷</text>
+									</view>
+									<view class="text-gray text-sm flex">
+										<text class="text-cut">满20元可用,优惠上限50元</text>
+									</view>
+									<view class="text-gray text-sm flex">
+										<text class="text-cut">有效期:2020.01.01 11:00:00-2020.01.10 11:00:00</text>
+									</view>
+								</view>
+								<view class="action">
+									<!-- <view class="text-grey text-xs">22:20</view>
+									<view class="cuIcon-notice_forbid_fill text-gray"></view> -->
 								</view>
 							</view>
-							<view class="" slot="foot">
-								<u-icon name="chat-fill" size="34" color="" label="30评论"></u-icon>
-							</view>
-						</u-card>
+						</view>
 					</view>
 				</view>
 				<view v-else-if="TabCur == 1">
@@ -68,10 +72,6 @@
 				// 因为内部的滑动机制限制,请将tabs组件和swiper组件的current用不同变量赋值
 				current: 0, // tabs组件的current值,表示当前活动的tab选项
 				swiperCurrent: 0, // swiper组件的current值,表示当前那个swiper-item是活动的
-
-				title: '素胚勾勒出青花,笔锋浓转淡',
-				subTitle: '2020-05-15',
-				thumb: 'http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg',
 			};
 		},
 		methods: {

+ 26 - 1
pages/personal/coupon/coupon_details.vue

xqd
@@ -1,8 +1,33 @@
-<template>
+<template style="background: #F6F6F6;">
+	<view style="width: 100%;height: 100%;">
+		<view class="v">
+			
+		</view>
+	</view>
 </template>
 
 <script>
+	export default {
+		data() {
+			return {
+				title: ''
+			}
+		},
+		methods: {
+
+		},
+		onLoad: function() {
+
+		}
+	}
 </script>
 
 <style>
+	.v {
+		margin: 28rpx;
+		padding: 36rpx;
+		border-radius: 12px;
+		box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.04);
+		background-color: #FFFFFF
+	}
 </style>

+ 1 - 1
pages/personal/personal_information.vue

xqd
@@ -1,6 +1,6 @@
 <template>
 	<view class="main">
-
+		
 	</view>
 </template>