调整样式

pages/homePage/index/index.vue

@@ -1,53 +1,35 @@
 <template>
-  <page-meta
-    :page-font-size="$baseFontSize() + 'px'"
-    :root-font-size="$baseFontSize() + 'px'"
-  ></page-meta>
   <view class="commonPageBox">
     <public-module></public-module>
 
     <view class="header_box"></view>
-    <view class="appJump">
-      <!-- <view
-        class="everhealth item flexbox"
-        @click="appjumpfun('everhealth')"
-        v-if="$platform != 'ios'"
-      >
-        <view class="img">
-          <image
-            src="@/static/icon/ic_login_health.png"
-            mode="widthFix"
-          ></image>
-        </view>
-        <view class="text">
-          <text>一路健康</text>
-        </view>
-      </view> -->
 
-      <view class="zmzm item flexbox" @click="appjumpfun('medicine')">
+   
+    <view class="appJump">
+      <view class="everhealth item flexbox" @click="appjumpfun('medicine')">
         <view class="img">
-          <image src="@/static/icon/wmysicon.png" mode="widthFix"></image>
+          <image src="@/static/icon/wmysicon.png"></image>
         </view>
         <view class="text">
           <text>吴门医述</text>
         </view>
       </view>
+
       <view
         class="zmzm item flexbox"
         @click="appjumpfun('soul')"
         v-if="$platform != 'ios'"
       >
         <view class="img">
-          <image src="@/static/icon/xinlingicon.png" mode="widthFix"></image>
+          <image src="@/static/icon/xinlingicon.png"></image>
         </view>
         <view class="text">
           <text>心灵空间</text>
         </view>
       </view>
-
-      <view class="zmzm item flexbox" @click="appjumpfun('nuttyreading')">
+      <view class="everhealth item flexbox" @click="appjumpfun('nuttyreading')">
         <view class="img">
-          <image src="@/static/icon/home_icon_3.png" mode="widthFix"></image>
+          <image src="@/static/icon/home_icon_3.png"></image>
         </view>
         <view class="text">
           <text>疯子读书</text>
@@ -1178,41 +1160,34 @@ function calcTimer(timer) {
 }
 
 .appJump {
-  width: auto;
-
   position: fixed;
   right: 0;
-  top: 7%;
+  top: 120rpx;
   z-index: 1;
 
   .item {
-    background: rgba(255, 255, 255, 0.6);
-    margin-bottom: 30rpx;
+    background: rgba(255, 255, 255, 0.9);
+    margin-bottom: 20rpx;
     border: 1px solid #fff;
-    border-right: none;
     align-items: center;
     padding-right: 10rpx;
-    display: flex;
-    align-items: center;
-    justify-content: space-around;
     overflow: hidden;
     border-radius: 50rpx 0 0 50rpx;
 
     text {
-      font-size: 28rpx;
-      font-weight: 700;
+      font-size: 20rpx;
+	  padding-left: 3rpx;
     }
 
     .img {
       // width: 60rpx;  height: 60rpx;
       padding: 6rpx;
       overflow: hidden;
-      background-color: #fff;
-      border-radius: 100%;
 
       image {
-        width: 50rpx;
-        height: 50rpx;
+        width: 36rpx;
+        height: 36rpx;
+        border-radius: 100%;
       }
     }
   }
@@ -1221,4 +1196,7 @@ function calcTimer(timer) {
 .related_courses_name {
   font-weight: bold;
 }
+.flexbox {
+  display: flex;
+}
 </style>