Browse Source

添加自定义图标

lilei 4 years ago
parent
commit
85e1ffbec2

+ 2 - 0
App.vue

@@ -36,6 +36,8 @@
 </script>
 
 <style lang="scss">
+	/* 自定义图标字体 */
+	@import "./static/iconfont/iconfont.css";
 	/*uview css */
 	@import "uview-ui/index.scss";
 	/* 登录页是否记住密码多选框样式 */

+ 85 - 1
pages/evaluatePlan/planDetail.vue

@@ -1,8 +1,92 @@
 <template>
+	<view class="kp-details">
+		<!-- 考评项 -->
+		<view class="kp-tabsBox">
+			<view class="kp-tabs">
+				<view class="active">
+					<view>正常营业</view>
+					<view>(4项)</view>
+				</view>
+				<view>
+					<view>正常营业</view>
+					<view>(4项)</view>
+				</view>
+				<view>
+					<view>正常营业</view>
+					<view>(4项)</view>
+				</view>
+			</view>
+			<view class="kp-items">
+				<view>正常营业</view>
+				<view>正常关门</view>
+				<view>卫生整洁</view>
+			</view>
+		</view>
+		<!-- 选择按钮 -->
+		<view class="kp-ok">
+			确认选择该考评方案
+		</view>
+	</view>
 </template>
 
 <script>
 </script>
 
-<style>
+<style lang="scss">
+	page{
+		height: 100%;
+		background: #F8F8F8;
+	}
+	.kp-details{
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		.kp-tabsBox{
+			flex-grow: 1;
+			overflow: auto;
+			display: flex;
+			.kp-tabs{
+				width: 30%;
+				text-align: center;
+				margin: 15upx;
+				> view{
+					padding: 15upx;
+					background: #fff;
+					border-radius: 6upx;
+					box-shadow: 1px 2px 3px #eee;
+					margin-bottom: 15upx;
+					> view{
+						&:last-child{
+							color: #666;
+						}
+					}
+				}
+				> view.active{
+					background: #00aaff;
+					color: #fff;
+					> view{
+						&:last-child{
+							color: #fff;
+						}
+					}
+				}
+			}
+			.kp-items{
+				width: 70%;
+				margin: 15upx 15upx 15upx 6upx;
+				> view{
+					padding: 20upx;
+					background: #fff;
+					border-bottom: 5px solid #F8F8F8;
+				}
+			}
+		}
+		.kp-ok{
+			text-align: center;
+			padding: 20upx;
+			background: #ff9933;
+			color: #fff;
+			font-size: 16px;
+		}
+	}
 </style>

+ 8 - 8
pages/userCenter/userCenter.vue

@@ -21,14 +21,14 @@
 			>
 				<view class="listItemLeft" v-if="item.type != 'line'">
 					<view class="leftImg">
-						<u-icon :name="item.icon" size="36" :color="item.color" ></u-icon>
+						<u-icon custom-prefix="xd-icon" :name="item.icon" size="36" :color="item.color"></u-icon>
 					</view>
 					<text>{{ item.title }}</text>
 				</view>
 				<view v-if="item.type != 'line'">
 					<text class="number">{{ item.number }}</text>
 					<text class="banbenhao">{{ item.banbenhao }}</text>
-					<u-icon name="arrow-right" size="24" color="#999" ></u-icon>
+					<u-icon name="icon-xian-11" custom-prefix="xd-icon" size="30" color="#888888"></u-icon>
 				</view>
 			</view>
 		</view>
@@ -49,14 +49,14 @@ export default {
 					title: '员工信息',
 					auth: true,
 					url: '/pages/userCenter/personInfo',
-					icon: 'account-fill',
+					icon: 'tarenxundian',
 					color: '#55aaff'
 				},
 				{
 					title: '修改密码',
 					auth: true,
 					url: '/pages/userCenter/changePwd',
-					icon: 'lock-fill',
+					icon: 'mimaxiugai',
 					color: '#ffaa7f'
 				},
 				{ type: 'line', auth: true },
@@ -64,14 +64,14 @@ export default {
 					title: '关于我们',
 					auth: true,
 					url: '/pages/userCenter/aboutUs',
-					icon: 'question-circle-fill',
+					icon: 'guanyuwomen1',
 					color: '#55aaff'
 				},
 				{
 					title: '用户协议及隐私保护政策',
 					auth: true,
 					url: '/pages/login/userAuthYs',
-					icon: 'info-circle-fill',
+					icon: 'xieyi1',
 					color: '#00aa00'
 				},
 				{
@@ -79,7 +79,7 @@ export default {
 					auth: true,
 					banbenhao: curVer.version,
 					fun: 'getVersion',
-					icon: 'checkmark-circle-fill',
+					icon: 'banben',
 					color: '#ffaa7f'
 				},
 				{ type: 'line', auth: true },
@@ -87,7 +87,7 @@ export default {
 					title: '退出登录',
 					auth: true,
 					fun: 'quitOutSys',
-					icon: 'play-right-fill',
+					icon: 'tuichuxitong',
 					color: '#ff0000'
 				}
 			],

File diff suppressed because it is too large
+ 2 - 0
static/iconfont/iconfont.css


+ 22 - 2
unpackage/dist/dev/app-plus/app-service.js

@@ -24229,7 +24229,27 @@ var render = function() {
   var _vm = this
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
-  return _c("div")
+  return _c(
+    "view",
+    { staticClass: _vm._$s(0, "sc", "kp-details"), attrs: { _i: 0 } },
+    [
+      _c(
+        "view",
+        { staticClass: _vm._$s(1, "sc", "kp-tabsBox"), attrs: { _i: 1 } },
+        [
+          _c("view", {
+            staticClass: _vm._$s(2, "sc", "kp-tabs"),
+            attrs: { _i: 2 }
+          }),
+          _c("view", {
+            staticClass: _vm._$s(3, "sc", "kp-items"),
+            attrs: { _i: 3 }
+          })
+        ]
+      ),
+      _c("view", { staticClass: _vm._$s(4, "sc", "kp-ok"), attrs: { _i: 4 } })
+    ]
+  )
 }
 var recyclableRender = false
 var staticRenderFns = []
@@ -24256,7 +24276,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _HBu
 /*! no static exports found */
 /***/ (function(module, exports) {
 
-eval("//\n//\n////# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiIyMjMuanMiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///223\n");
+eval("//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n////# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInVuaS1hcHA6Ly8vcGFnZXMvZXZhbHVhdGVQbGFuL3BsYW5EZXRhaWwudnVlIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJmaWxlIjoiMjIzLmpzIiwic291cmNlc0NvbnRlbnQiOlsiLy9cbi8vXG4vL1xuLy9cbi8vXG4vL1xuLy9cbi8vXG4vL1xuLy9cbi8vXG4vL1xuLy9cbi8vXG5cbiJdLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///223\n");
 
 /***/ }),
 /* 224 */

File diff suppressed because it is too large
+ 33 - 3
unpackage/dist/dev/app-plus/app-view.js


Some files were not shown because too many files changed in this diff