瀏覽代碼

修改密码

guhongwei 3 年之前
父節點
當前提交
e27e615cce
共有 3 個文件被更改,包括 78 次插入2 次删除
  1. 34 0
      pages/password/index.less
  2. 17 2
      pages/password/index.wxml
  3. 27 0
      pages/password/index.wxss

+ 34 - 0
pages/password/index.less

@@ -1,4 +1,38 @@
 .main {
     position: relative;
     width: 100%;
+
+    .one {
+        position: relative;
+        padding: 10px;
+
+        .content {
+            position: relative;
+            padding: 10px 0;
+            box-shadow: 0 0 5px #000000;
+            margin: 0 0 10px 0;
+            border-radius: 5px;
+
+            .left {
+                float: left;
+                margin: 0 10px;
+
+                .icon {
+                    color: #000000;
+                }
+            }
+
+            .right input {
+                color: #000000;
+            }
+        }
+
+        .save {
+            text-align: center;
+
+            button {
+                margin: 10px;
+            }
+        }
+    }
 }

+ 17 - 2
pages/password/index.wxml

@@ -1,5 +1,20 @@
 <mobile-main frameStyle="{{frameStyle}}" bind:back="back">
-    <view slot="info" class="main" style="height:{{infoHeight}}px;">
-        模板
+  <view slot="info" class="main" style="height:{{infoHeight}}px;">
+    <view class="one">
+      <form bindsubmit="onSubmit" catchreset="onReset">
+        <view class="content">
+          <view class="left">
+            <text class="icon iconfont icon-mima"></text>
+          </view>
+          <view class="right">
+            <input type='text' name="password" value="{{form.password}}" password placeholder='请输入新密码' placeholder-class="placeholder"></input>
+          </view>
+        </view>
+        <view class="save">
+          <button type="warn" size="mini" formType="reset">取消修改</button>
+          <button type="primary" size="mini" formType="submit">提交修改</button>
+        </view>
+      </form>
     </view>
+  </view>
 </mobile-main>

+ 27 - 0
pages/password/index.wxss

@@ -2,3 +2,30 @@
   position: relative;
   width: 100%;
 }
+.main .one {
+  position: relative;
+  padding: 10px;
+}
+.main .one .content {
+  position: relative;
+  padding: 10px 0;
+  box-shadow: 0 0 5px #000000;
+  margin: 0 0 10px 0;
+  border-radius: 5px;
+}
+.main .one .content .left {
+  float: left;
+  margin: 0 10px;
+}
+.main .one .content .left .icon {
+  color: #000000;
+}
+.main .one .content .right input {
+  color: #000000;
+}
+.main .one .save {
+  text-align: center;
+}
+.main .one .save button {
+  margin: 10px;
+}