login

src/assets/css/sprite.less

-.icon-sprite { display: inline-block; background-image: url(../images/sprite.png); background-size: 1676px 772px; }
+.icon-sprite { display: inline-block; background-image: url(../images/sprite.png); background-size: 1676px 1036px; }
 .icon-bg-login { width: 828px; height: 412px; background-position: 0px 0px; }
-.icon-bg-mine { width: 828px; height: 340px; background-position: 0px -432px; }
-.icon-bg-navigation { width: 828px; height: 176px; background-position: -848px -206px; }
-.icon-bg-search { width: 828px; height: 186px; background-position: -848px 0px; }
-.icon-logo { width: 224px; height: 224px; background-position: -848px -402px; }
-.icon-user-question { width: 32px; height: 36px; background-position: -1360px -402px; }
-.icon-wechat { width: 80px; height: 78px; background-position: -1092px -402px; }
-.icon-user { width: 36px; height: 36px; background-position: -1192px -402px; }
-.icon-password { width: 36px; height: 36px; background-position: -1248px -402px; }
-.icon-verification { width: 36px; height: 36px; background-position: -1304px -402px; }
\ No newline at end of file
+.icon-bg-mine { width: 828px; height: 340px; background-position: -848px 0px; }
+.icon-bg-navigation { width: 828px; height: 176px; background-position: -848px -566px; }
+.icon-bg-search { width: 828px; height: 186px; background-position: -848px -360px; }
+.icon-logo { width: 224px; height: 224px; background-position: 0px -812px; }
+.icon-password { width: 36px; height: 36px; background-position: -344px -812px; }
+.icon-user-question { width: 32px; height: 36px; background-position: -512px -812px; }
+.icon-user { width: 36px; height: 36px; background-position: -400px -812px; }
+.icon-verification { width: 36px; height: 36px; background-position: -456px -812px; }
+.icon-wechat { width: 80px; height: 78px; background-position: -244px -812px; }
+.icon-bg-common { width: 828px; height: 360px; background-position: 0px -432px; }
\ No newline at end of file

src/views/user/login.vue

@@ -15,7 +15,9 @@
                 <SendVerificationCode :phone="userName" />
               </template>
             </van-field>
-            <div></div>
+            <div>
+              <van-button></van-button>
+            </div>
           </div>
         </van-tab>
         <van-tab title="账号密码登录" :name="2">
@@ -30,6 +32,12 @@
         </van-tab>
       </van-tabs>
     </div>
+    <div class="login_others">
+      <div>其他登录方式</div>
+      <div>
+        <img src="require('@/assets/icon/wechat.png')" alt="">
+      </div>
+    </div>
   </div>
 </template>
 <script>