.

pages/index/center.vue

@@ -103,7 +103,9 @@ export default {
           name: 'lock', imageUrl: '/static/image/center/1.png', title: '我的推广',
           gotoPageUrl: '/mine/promotionRecord'
         },
-        {name: 'star', imageUrl: '/static/image/center/1.png', title: '我的银行卡'},
+        {name: 'star', imageUrl: '/static/image/center/1.png', title: '我的银行卡',
+          gotoPageUrl: '/mine/addBankCard'
+        },
         {name: 'star', imageUrl: '/static/image/center/1.png', title: '我的钱包'},
       ],
       // 其他列表

pages/mine/addBankCard.vue

@@ -1,19 +1,60 @@
 <template>
-	<view>
-		添加银行卡
-	</view>
+  <view class="addBankCard">
+    <!--顶部导航栏-->
+    <navbar leftClick @leftClick="$utils.navigateBack" title="推广详情"/>
+
+    <!--添加银行卡页面-->
+    <view class="addBankCard-container">
+      <view class="addBankCard-title">为保证您的资金安全，请绑定账户本人的银行卡</view>
+      <view class="cardNumberTitle">
+        <view >卡号</view>
+        <view>
+          <uv-icon name="camera" color="#2979ff" size="28"></uv-icon>
+        </view>
+
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				
-			};
-		}
-	}
+export default {
+  data() {
+    return {};
+  }
+}
 </script>
 
 <style lang="scss" scoped>
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+.addBankCard {
+  padding: 20rpx;
+
+  .addBankCard-title{
+    color:#C6C7CB;
+  }
+
+  .addBankCard-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+    width: 100%;
+  }
 
+  .cardNumberTitle {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10rpx;
+    width: 100%;
+    height: 20%;
+    box-sizing: border-box;
+  }
+}
 </style>