1.新增我的推广页面

pages.json

@@ -1,6 +1,5 @@
 {
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
-
 		{
 			"path": "pages/tabBar/home/home",
 			"style": {
@@ -292,35 +291,41 @@
 				"enablePullDownRefresh": false
 			}
 
-		}
-        ,{
-            "path" : "pages/goods/coupons-info-details/coupons-info-details",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "优惠券详情",
-                "enablePullDownRefresh": false
-            }
+		}, {
+			"path": "pages/goods/coupons-info-details/coupons-info-details",
+			"style": {
+				"navigationBarTitleText": "优惠券详情",
+				"enablePullDownRefresh": false
+			}
 
-        }
-        ,{
-            "path" : "pages/user/mineCouponsDestails/mineCouponsDestails",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "优惠券详情",
-                "enablePullDownRefresh": false
-            }
+		}, {
+			"path": "pages/user/mineCouponsDestails/mineCouponsDestails",
+			"style": {
+				"navigationBarTitleText": "优惠券详情",
+				"enablePullDownRefresh": false
+			}
+
+		}, {
+			"path": "pages/goods/externalCoupon/externalCoupon",
+			"style": {
+				"navigationBarTitleText": "扫码领取优惠券",
+				"enablePullDownRefresh": false
+			}
 
-        }
-        ,{
-            "path" : "pages/goods/externalCoupon/externalCoupon",
-            "style" :                                                                                    
-            {
-                "navigationBarTitleText": "扫码领取优惠券",
-                "enablePullDownRefresh": false
-            }
+		},
+		{
+			"path": "pages/user/minePromotion/minePromotion",
+			"style": {
+				"navigationBarTitleText": "",
+				"enablePullDownRefresh": true,
+				"backgroundTextStyle": "light",
+				"navigationBarBackgroundColor": "#f06c7a",
+				"backgroundColorTop": "#f06c7a",
+				"navigationBarTextStyle": "white"
+			}
+		}
 
-        }
-    ],
+	],
 
 	"globalStyle": {
 		"navigationBarTextStyle": "black",

pages/user/minePromotion/minePromotion.vue

@@ -0,0 +1,65 @@
+<template>
+	<view>
+		<view class="promotion_bg backcorf06 width100 height90 fcorfff fotct font20 fontspec10">我的推广</view>
+		<view class="promotion_dt width90 height90 backcorfff">
+			<view class="width90 mart10 fcor333 font14 fontwig6 height22">
+				<view class="promotion_xg flleft"></view>
+				<view class="promotion_mixg flleft"></view>
+				<view class="flleft promotoin_text">今日数据</view>
+				<view class="promotion_mixg flleft"></view>
+				<view class="promotion_xg flleft"></view>
+			</view>
+			<view class="width90 mart5">
+				<view class="width50 flleft font15 fcor333 fontwig6 fotlt">7</view>
+				<view class="width50 flright font15 fcor333 fontwig6 fotrt">5300.00</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			}
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style lang="scss">
+	.promotion_bg {
+		position: relative;
+	}
+
+	.promotion_dt {
+		position: absolute;
+		top: 50px;
+		border-radius: 5px;
+		box-shadow: 0px 2px 10px 2px #999999;
+	}
+
+	.promotion_xg {
+		width: 15px;
+		height: 2px;
+		margin-top: 8px;
+		background-color: #f06c7a;
+		transform: rotate(120deg);
+	}
+
+	.promotoin_text {
+		margin-left: 5px;
+		margin-right: 5px;
+	}
+
+	.promotion_mixg {
+		width: 10px;
+		margin-top: 8px;
+		height: 2px;
+		background-color: #f06c7a;
+		transform: rotate(120deg);
+	}
+</style>

uni.scss

@@ -121,6 +121,11 @@ $uni-font-size-paragraph:30upx;
   letter-spacing: 1px;
 }
 
+.fontspec10 {
+  letter-spacing: 10px;
+}
+
+
 /* 字体行间距 */
 .linehet {
   line-height: 20px;
@@ -306,6 +311,11 @@ $uni-font-size-paragraph:30upx;
   height: 60px;
 }
 
+.height90 {
+  height: 90px;
+}
+
+
 
 .height30 {
   height: 30px;