wangzq před 2 roky
rodič
revize
52d2c0c8e3

binární
src/assets/imgs/to_rank.png


binární
src/assets/imgs/to_search.png


binární
src/assets/imgs/to_task.png


+ 9 - 11
src/assets/less/home.less

@@ -63,15 +63,11 @@
     justify-content: space-around;
     text-align: center;
     div {
-      flex-direction: column;
-      text {
-        margin-top: 10px;
-        text-align: center;
-      }
+      
       image {
         margin: 0 auto;
-        height: 80px;
-        width: 80px;
+        height: 106px;
+        width: ;
       }
     }
   }
@@ -126,15 +122,16 @@
   }
 
   .swipe-bar {
-    height: 260px;
-    background-color: #fff;
+    height: 290px;
+    background: linear-gradient(to bottom, #61A9C0 50%, #fff 50%);
     .swipe-item {
-      padding: 30px 24px;
+      padding: 30px 24px 0px;
+      border-radius: 20px;
       .swipe-item__info {
         flex: 1;
         flex-direction: column;
         padding-right: 32px;
-
+        border-radius: 20px;
         .name {
           font-size: 32px;
           color: #333;
@@ -156,6 +153,7 @@
       }
 
       .cover {
+        border-radius: 20px;
         width: 100%;
         height: 260px;
         // flex-basis: 180px;

+ 2 - 1
src/manifest.json

@@ -151,7 +151,8 @@
     "themeMode": 0,
     "pages": {
       "views/Index": {
-        "titleBarText": "",
+        "titleBarBackgroundColor":"#61A9C0",
+        "titleBarText": "#fff",
         "menubarData": {
           "menubar": false
         },

+ 8 - 10
src/views/Home/index.ux

@@ -26,7 +26,7 @@
     </div> -->
 
     <list class="list-content">
-      <list-item type="swipe">
+      <list-item type="swipe" class="swipe-bar">
         <swiper class="swipe-bar" autoplay="true" indicator="false">
           <block for="b in banner">
             <div class="swipe-item">
@@ -43,24 +43,22 @@
         <div class="entrance_block">
           <div>
             <image
-              src="../../assets/imgs/home_read.png"
-              @click="toMyRead"
+              src="../../assets/imgs/to_search.png"
+              @click="toPage('Search')"
             ></image>
-            <text>最近阅读</text>
           </div>
           <div>
             <image
-              src="../../assets/imgs/leader_board.png"
-              @click="toPage('Leaderboard')"
+              src="../../assets/imgs/to_task.png"
+              @click="toPage('Task')"
             ></image>
-            <text>排行榜</text>
+           
           </div>
           <div>
             <image
-              src="../../assets/imgs/home_free.png"
-              @click="toPage('Free')"
+              src="../../assets/imgs/to_rank.png"
+              @click="toPage('Leaderboard')"
             ></image>
-            <text>限时免费</text>
           </div>
         </div>
       </list-item>