网格

src/apps/AppGridManagement/AddGird.vue

@@ -0,0 +1,96 @@
+<template>
+  <div class="AddGird">
+    <div class="item-flex">
+      <div class="label">
+        <span class="tips">*</span>网格名称
+      </div>
+      <div class="value">请输入</div>
+    </div>
+    <div class="item-flex">
+      <div class="label">
+        <span class="tips"></span>网格长
+      </div>
+      <div class="value">请选择<img src="./components/img/right-icon.png" alt="" /></div>
+    </div>
+    <div class="item-flex">
+      <div class="label">
+        <span class="tips"></span>网格员
+      </div>
+      <div class="value">请选择<img src="./components/img/right-icon.png" alt="" /></div>
+    </div>
+    <div class="footer">确认添加</div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      
+    }
+  },
+  methods: {
+   
+  },
+  onShow() {
+    document.title = '添加网格'
+  },
+  linkTo(url) {
+    uni.navigateTo({url})
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AddGird {
+  .item-flex{
+    display: flex;
+    padding: 34px 32px;
+    background-color: #fff;
+    font-size: 32px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    margin-bottom: 16px;
+    .label{
+      font-weight: 400;
+      color: #333333;
+      line-height: 22px;
+      width: 150px;
+      .tips{
+        display: inline-block;
+        width: 16px;
+        color: #F46;
+        line-height: 44px;
+      }
+    }
+    .value{
+      width: calc(100% - 150px);
+      line-height: 44px;
+      text-align: right;
+      color: #666;
+      img{
+        width: 32px;
+        height: 32px;
+        vertical-align: middle;
+        margin-left: 8px;
+      }
+    }
+    .color-999{
+      color: #999;
+    }
+  }
+  .footer{
+    width: 100%;
+    height: 112px;
+    line-height: 112px;
+    background: #1365DD;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    text-align: center;
+    font-size: 36px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: #FFF;
+  }
+}
+</style>