我的页面修改 个人信息 分公司列表 设备列表

assets/img/riLine-message-2-line.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" width="20" height="20" style="border-color: rgba(187,187,187,1);border-width: 0;border-style: solid" filter="none">
+    
+    <g>
+    <path d="M8.607 25.333l-5.94 4.667v-24.667c0-0.736 0.597-1.333 1.333-1.333v0h24c0.736 0 1.333 0.597 1.333 1.333v0 18.667c0 0.736-0.597 1.333-1.333 1.333v0h-19.393zM7.684 22.667h18.983v-16h-21.333v17.847l2.351-1.847zM14.667 13.333h2.667v2.667h-2.667v-2.667zM9.333 13.333h2.667v2.667h-2.667v-2.667zM20 13.333h2.667v2.667h-2.667v-2.667z" fill="rgba(51,51,51,1)"></path>
+    </g>
+  </svg>

pages.json

@@ -182,6 +182,30 @@
         		"navigationBarTitleText" : "",
         		"enablePullDownRefresh" : false
         	}
+        },
+        {
+        	"path" : "pages/mine/personInfos",
+        	"style" : 
+        	{
+        		"navigationBarTitleText" : "",
+        		"enablePullDownRefresh" : false
+        	}
+        },
+        {
+        	"path" : "pages/mine/filialeList",
+        	"style" : 
+        	{
+        		"navigationBarTitleText" : "",
+        		"enablePullDownRefresh" : false
+        	}
+        },
+        {
+        	"path" : "pages/mine/equipmentList",
+        	"style" : 
+        	{
+        		"navigationBarTitleText" : "",
+        		"enablePullDownRefresh" : false
+        	}
         }
        
     ],

pages/mine/equipmentList.vue

@@ -0,0 +1,77 @@
+<template>
+	<view>
+		<u-navbar title="设备列表" title-color="#101010"></u-navbar>
+		<view class="main">
+			<view class="equipment">
+				<view class="equipment-name">
+					荆鹏软件园01
+				</view>
+				<view class="equipment-radio">
+					<label class="radio">
+						<radio value="" /><text></text>
+					</label>
+				</view>
+			</view>
+			<view class="equipment">
+				<view class="equipment-name">
+					青少年宫02
+				</view>
+				<view class="equipment-radio">
+					<label class="radio">
+						<radio value="" /><text></text>
+					</label>
+				</view>
+			</view>
+			<view class="equipment">
+				<view class="equipment-name">
+					御河社区03
+				</view>
+				<view class="equipment-radio">
+									<label class="radio">
+										<radio value="" /><text></text>
+									</label>
+								</view>
+			</view>
+			<view class="equipment">
+				<view class="equipment-name">
+					荆州院子04
+				</view>
+				<view class="equipment-radio">
+									<label class="radio">
+										<radio value="" /><text></text>
+									</label>
+								</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.main{
+		background-color: #fff;
+		margin-top: 24rpx;
+		.equipment{
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			padding: 24rpx 32rpx;
+			color: rgba(51,51,51,1);
+			font-size: 32rpx;
+		}
+		
+	}
+
+</style>

pages/mine/filialeList.vue

@@ -0,0 +1,69 @@
+<template>
+	<view>
+		<u-navbar title="分公司列表" title-color="#101010"></u-navbar>
+		<view class="main">
+			<view class="filiale">
+				<view class="filiale-name">
+					湖北荆鹏软件集团有限公司
+				</view>
+				<view class="filiale-icon">
+					<u-icon name="arrow-right" color="#b2b2b2" size="28"></u-icon>
+				</view>
+			</view>
+			<view class="filiale">
+				<view class="filiale-name">
+					湖北荆鹏软件开发有限公司
+				</view>
+				<view class="filiale-icon">
+					<u-icon name="arrow-right" color="#b2b2b2" size="28"></u-icon>
+				</view>
+			</view>
+			<view class="filiale">
+				<view class="filiale-name">
+					湖北鹏育优电新能源科技有限公司
+				</view>
+				<view class="filiale-icon">
+					<u-icon name="arrow-right" color="#b2b2b2" size="28"></u-icon>
+				</view>
+			</view>
+			<view class="filiale">
+				<view class="filiale-name">
+					文化传媒分公司
+				</view>
+				<view class="filiale-icon">
+					<u-icon name="arrow-right" color="#b2b2b2" size="28"></u-icon>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.main{
+		background-color: #fff;
+		margin-top: 24rpx;
+		.filiale{
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			padding: 24rpx 32rpx;
+			color: rgba(51,51,51,1);
+			font-size: 32rpx;
+		}
+		
+	}
+
+</style>

pages/mine/mine.vue

@@ -48,7 +48,17 @@
 					<u-icon name="arrow-right" color="#b2b2b2"></u-icon>
 				</view>
 			</view>
-
+<view class="function-item">
+				<view class="icon">
+					<image class="img" src="@/assets/img/riLine-message-2-line.svg" mode=""></image>
+				</view>
+				<view class="name">
+					我的消息
+				</view>
+				<view class="arrow">
+					<u-icon name="arrow-right" color="#b2b2b2"></u-icon>
+				</view>
+			</view>
 
 
 

pages/mine/personInfos.vue

@@ -0,0 +1,102 @@
+<template>
+	<view>
+		<u-navbar title="个人信息"  title-color="#101010" ></u-navbar>
+		<view class="infos-group">
+			<view class="infos-item">
+				<view class="item-title">
+					头像
+				</view>
+				<view class="item-value value-img">
+					<image class="img" src="@/assets/img/photo@x1.png" mode=""></image>
+				    <u-icon color="#b2b2b2" name="arrow-right"></u-icon>
+				</view>
+			</view>
+			
+		</view>
+		
+		<view class="infos-group">
+			<view class="infos-item">
+				<view class="item-title">
+					姓名
+				</view>
+				<view class="item-value">
+					周琼
+				    <u-icon color="#b2b2b2" name="arrow-right"></u-icon>
+				</view>
+			</view>
+			<view class="infos-item">
+				<view class="item-title">
+					性别
+				</view>
+				<view class="item-value">
+					女
+				    <u-icon color="#b2b2b2" name="arrow-right"></u-icon>
+				</view>
+			</view>
+			<view class="infos-item">
+				<view class="item-title">
+					手机号码
+				</view>
+				<view class="item-value">
+					15500001111
+				</view>
+			</view>
+			<view class="infos-item">
+				<view class="item-title">
+					岗位
+				</view>
+				<view class="item-value">
+					运维专员
+				    
+				</view>
+			</view>
+			
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.infos-group{
+		margin: 24rpx 32rpx;
+		background-color: #fff;
+		border-radius: 8px;
+		.infos-item{
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			padding: 36rpx 32rpx;
+			.item-title{
+				color: rgba(51,51,51,1);
+				font-size: 32rpx;
+			}
+			.item-value{
+				
+				color:#777777;
+				
+				.img{
+					width: 80rpx;
+					height: 80rpx;
+					border-radius: 50px;
+				}
+			}
+			.value-img{
+				display: flex;
+				align-items: center;
+			}
+		}
+	}
+
+</style>