前端

xiaochengxu/manifest.json

@@ -51,7 +51,7 @@
     "quickapp" : {},
     /* 快应用特有相关 */
     "mp-weixin" : {
-        "appid" : "wx4505a6ea6f703e17",
+        "appid" : "wx5d8906c2208c899f",
         "setting" : {
             "urlCheck" : false,
             "minified" : true,

xiaochengxu/pages.json

@@ -2,7 +2,15 @@
 	"easycom": {
 		"^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"
 	},
-	"pages": [{
+	"pages": [
+		{
+			"path": "pages/mySet/mySet",
+			"style": {
+				"navigationBarTitleText": "我的",
+				"enablePullDownRefresh": false
+			}
+		
+		}, {
 			"path": "pages/cardHolder/cardHolder",
 			"style": {
 				"navigationBarTitleText": "电子名片",
@@ -30,13 +38,6 @@
 				"enablePullDownRefresh": false
 			}
 
-		}, {
-			"path": "pages/mySet/mySet",
-			"style": {
-				"navigationBarTitleText": "我的",
-				"enablePullDownRefresh": false
-			}
-
 		}, {
 			"path": "pages/cardHolder/map",
 			"style": {
@@ -186,33 +187,33 @@
 	"tabBar": {
 		"custom": false,
 		"color": "#656765",
-		"selectedColor": "#000102",
+		"selectedColor": "#112253",
 		"borderStyle": "white",
 		"backgroundColor": "#ffffff",
 		"list": [{
 				"pagePath": "pages/cardHolder/cardHolder",
-				"iconPath": "static/c1.png",
-				"selectedIconPath": "static/c2.png",
+				"iconPath": "static/imgs/wjj.png",
+				"selectedIconPath": "static/imgs/swjj.png",
 				"text": "电子名片"
 			},
 			{
 				"pagePath": "pages/circle/circle",
-				"iconPath": "static/c3.png",
-				"selectedIconPath": "static/c4.png",
+				"iconPath": "static/imgs/cirlcle.png",
+				"selectedIconPath": "static/imgs/scirlce.png",
 				"text": "圈子"
 			},
 			{
 				"pagePath": "pages/mySet/mySet",
-				"iconPath": "static/c5.png",
-				"selectedIconPath": "static/c6.png",
+				"iconPath": "static/imgs/my.png",
+				"selectedIconPath": "static/imgs/smy.png",
 				"text": "我的"
 			}
 		]
 	},
 	"globalStyle": {
-		"navigationBarTextStyle": "black",
+		"navigationBarTextStyle": "white",
 		"navigationBarTitleText": "电子名片",
-		"navigationBarBackgroundColor": "#F8F8F8",
+		"navigationBarBackgroundColor": "#112253",
 		"backgroundColor": "#F8F8F8",
 		"app-plus": {
 			"background": "#efeff4"

xiaochengxu/pages/mySet/mySet.vue

@@ -1,22 +1,26 @@
 <template>
 	<view class="content">
-		<view class="content1 flex-all-center relative">
-			<view class="user">
+		<view class="content1 flex-between relative flex">
+			<view class="user flex">
 				<image :src="userInfo.head" mode="widthFix" class="img"></image>
 				<view class="name">
 					{{userInfo.nickname}}
 				</view>
 			</view>
 			<view class="position">
-				<u-icon name="share-square" color="#2979ff" size="28"></u-icon>
-				<u-icon name="grid-fill" color="#2979ff" size="28"></u-icon>
+				<image src="../../static/imgs/mySet/share.png" mode="widthFix" class="right-img"></image>
+				<image src="../../static/imgs/mySet/ewm.png" mode="widthFix" class="right-img"></image>
 			</view>
 		</view>
 		<view class="content2">
-			<view class="row" v-for="item in menuList" @click="menuClick(item.type)">
-				<button class="left" v-if='item.type=="contactCustomer"' open-type='contact'>{{item.name}}</button>
+			<view class="row flex flex-between" v-for="item in menuList" @click="menuClick(item.type)">
+				<view class="flex">
+					<image :src="item.src" mode="widthFix" class="nav-img"></image>
+					<button class="left-btn" v-if='item.type=="contactCustomer"' open-type='contact'>{{item.name}}</button>
 					<span class="left" v-else>{{item.name}}</span>
-				<span class="right">></span>
+				</view>
+				
+				<span class="right"><image src="../../static/imgs/mySet/yjt.png" mode="widthFix" class="row-right-img"></image></span>
 			</view>
 		</view>
 	</view>
@@ -26,36 +30,42 @@
 	export default {
 		data() {
 			return {
-				userInfo:{},
-				menuList:[
+				userInfo: {},
+				menuList: [{
+						name: "我的名片",
+						type: 'myInfo',
+						src:'../../static/imgs/mySet/card.png'
+					},
+					{
+						name: "我的主页",
+						type: 'myHome',
+						src:'../../static/imgs/mySet/home.png'
+					},
+					{
+						name: "名片分类",
+						type: "cardType",
+						src:'../../static/imgs/mySet/type.png'
+					},
+					{
+						name: "我的证件",
+						type: "myCard",
+						src:'../../static/imgs/mySet/card1.png'
+					},
+					{
+						name: "帮助说明",
+						type: "help",
+						src:'../../static/imgs/mySet/help.png'
+					},
+					{
+						name: "联系客服",
+						type: "contactCustomer",
+						src:'../../static/imgs/mySet/kf.png'
+					},
 					{
-					name:"我的名片",
-					type:'myInfo'
-				},
-				{
-					name:"我的主页",
-					type:'myHome'
-				},
-				{
-					name:"名片分类",
-					type:"cardType"
-				},
-				{
-					name:"我的证件",
-					type:"myCard"
-				},
-				{
-					name:"帮助说明",
-					type:"help"
-				},
-				{
-					name:"联系客服",
-					type:"contactCustomer"
-				},
-				{
-					name:"设置",
-					type:'set'
-				},
+						name: "设置",
+						type: 'set',
+						src:'../../static/imgs/mySet/set.png'
+					},
 				]
 			};
 		},
@@ -63,25 +73,77 @@
 			this.userInfo = uni.getStorageSync("userInfo")
 			console.log(this.userInfo)
 		},
-		methods:{
-			menuClick(typeName){
-				let _url = '/pages/mySet/'+typeName
+		methods: {
+			menuClick(typeName) {
+				let _url = '/pages/mySet/' + typeName
 				console.log(_url)
 				uni.navigateTo({
-					url:_url
+					url: _url
 				})
 			}
 		}
-	
+
 	}
 </script>
 
 <style lang="scss" scoped>
-	.content1{
-		
-		.img{
-			width: 100rpx;
+	.content1 {
+		background: #112253;
+		padding: 0rpx 20rpx 160rpx 20rpx;
+		box-sizing: border-box;
+		border-radius: 0px 0px 20rpx 20rpx;
+
+		.user {
+			color: #fff;
+
+			.name {
+				font-weight: 700;
+			}
+		}
+
+		.img {
+			width: 124rpx;
 			border-radius: 50%;
+			margin-right: 32rpx;
+		}
+
+		.position {
+			.right-img {
+				width: 44rpx;
+				margin-left: 40rpx;
+			}
+		}
+	}
+
+	.content2 {
+		background: #fff;
+		margin: 20rpx;
+		padding:0 40rpx;
+		position: relative;
+		top: -100rpx;
+		border-radius: 20rpx;
+		.nav-img{
+			width: 32rpx;
+			margin-right:20rpx ;
+		}
+		.row{
+			border-bottom: 1px solid #E6E6E6;
+			padding: 35rpx 0;
+			.row-right-img{
+				width: 12rpx;
+			}
+		}
+		.row:last-child{
+			border: none;
+		}
+		.left-btn{
+			background: #fff;
+			padding: 0;
+			margin: 0;
+			font-size: 32rpx;
+		}
+		.left-btn:after{
+			border: none!important;
 		}
 	}
-</style>
+</style>