浏览代码

个人中心样式完善

dujingxian 4 年之前
父节点
当前提交
a2dc26e756

二进制
src/assets/image/accumulation@2x.png


二进制
src/assets/image/arrow_03_2@2x.png


二进制
src/assets/image/shebao@2x.png


二进制
src/assets/image/use_friend@2x.png


二进制
src/assets/image/userInfo@2x.png


二进制
src/assets/image/user_csd@2x.png


二进制
src/assets/image/user_edit@2x.png


二进制
src/assets/image/user_friendList@2x.png


+ 21 - 5
src/views/user/index.vue

@@ -39,13 +39,27 @@
                 <van-cell title="退出登录" icon="setting-o" is-link @click="exit" />
             </van-cell-group>
         </div>
-        <div class="query bottom-user">
+        <!-- <div class="query bottom-user">
             <a class="col-6  text-center " href="http://fuwu.rsj.beijing.gov.cn/csibiz/indinfo/login.jsp">
                 <img src="../../assets/image/shebao@2x.png" alt="">
             </a>
             <a class="col-6 text-center" href="https://grwsyw.gjj.beijing.gov.cn/ish/">
                 <img src="../../assets/image/accumulation@2x.png" alt="">
             </a>
+        </div> -->
+        <div class="query bottom-user">
+            <el-row :gutter="20">
+                <el-col :span="12">
+                    <a class="col-6  text-center " href="http://fuwu.rsj.beijing.gov.cn/csibiz/indinfo/login.jsp">
+                        <img src="../../assets/image/shebao@2x.png" alt="">
+                    </a>
+                </el-col>
+                <el-col :span="12">
+                    <a class="col-6 text-center" href="https://grwsyw.gjj.beijing.gov.cn/ish/">
+                        <img src="../../assets/image/accumulation@2x.png" alt="">
+                    </a>
+                </el-col>
+            </el-row>
         </div>
     </div>
 </template>
@@ -311,18 +325,20 @@
     .query {
         // width: 100%;
         margin: 1.25rem 1.25rem;
-        display: flex;
-        justify-content: space-between;
         img {
             display: inline-block;
-            width: 13.75rem;
-            height: 7.625rem;
+            width: 100%;
+            height: 100%;
             // margin-left: 12%;
             // margin-top: 6%;
         }
         .col-6 {
+            display: inline-block;
+            width: 100%;
+            height: 100%;
             padding-right: 0;
             padding-left: 0;
+            max-width: 100%;
         }
     }