第一版最终版

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "zsy_quick_app",
+  "name": "hupoyuedu_quick_app",
   "version": "1.0.0",
   "description": "",
   "scripts": {

src/assets/less/category.less

@@ -1,16 +1,41 @@
 .category-wrap {
   background-color: #fff;
   flex-direction: column;
-  .category_title {
-    height: 112px;
-    background-color: #FFD642;
-    text {
-      padding: 0 30px;
-      font-size: 36px;
-      font-weight: bold;
-      color: #000000;
+  .filter-item {
+    .filter-item__list {
+      .filter-item_warp {
+        padding: 0 15px;
+        justify-content: center;
+        align-items: center;
+        flex-direction: column;
+        position: relative;
+        .filter-item__item {
+          padding: 0 15px;
+          justify-content: center;
+          align-items: center;
+          flex-direction: column;
+          position: relative;
+        }
+        .cur_bar {
+          color: #000000;
+          font-size: 36px;
+          font-weight: bold;
+        }
+        .choose-bar {
+          width: 38px;
+          height: 4px;
+          background-color: #000000;
+          border-radius: 2px;
+          margin-top: 10px;
+        }
+      }
     }
   }
+  .tab_bar {
+    height: 112px;
+    width: 100%;
+    background-color: #fddc00;
+  }
   .search-bar {
     padding: 24px;
 
@@ -95,7 +120,6 @@
       .name {
         color: #333;
         font-size: 32px;
-        lines: 1;
         text-overflow: ellipsis;
       }
 

src/assets/less/index.less

@@ -18,17 +18,12 @@
 
       image {
         width: 46px;
-        // height: 46px;
       }
 
       text {
-        color: #999;
+        color: #333333;
         font-size: 24px;
       }
-
-      .tabbar-name__cur {
-        color: #FFD642;
-      }
     }
   }
 
@@ -88,9 +83,9 @@
 }
 .sign-icon {
   position: fixed;
-  width:150px;
-  height:150px;
-  right:20px;
+  width: 150px;
+  height: 150px;
+  right: 20px;
   bottom: 340px;
 }
 .mask {

src/assets/less/my.less

@@ -30,7 +30,7 @@
     height: 150px;
     background: linear-gradient(to right, #251912, #57352f);
     border-radius: 20px;
-    margin: 200px auto 0;
+    margin: 300px auto 0;
     padding: 30px;
     justify-content: space-between;
     align-items: center;

src/views/Category/index.ux

@@ -3,8 +3,29 @@
 
 <template>
   <div class="category-wrap">
-    <div class="category_title"><text>分类</text></div>
+    <div class="tab_bar">
+      <div class="filter-item">
+        <div class="filter-item__list">
+          <block for="channel">
+            <div class="filter-item_warp">
+              <text
+                class="filter-item__item {{$item.key === filter.channel_id ? 'cur_bar' : ''}}"
+                @click="filterChange('channel_id', $item.key)"
+                >{{ $item.name }}</text
+              >
+              <text
+                class="choose-bar"
+                show="{{$item.key === filter.channel_id }}"
+              ></text>
+            </div>
+          </block>
+        </div>
+      </div>
+    </div>
+
     <list class="list-content" @scrollbottom="onReachBottom">
+      <!-- <list-item type="tab" class="tab_bar"> </list-item> -->
+
       <list-item type="search" class="search-bar">
         <div class="search-bar__wrap">
           <input
@@ -21,19 +42,6 @@
       </list-item>
       <list-item type="filter" class="filter-wrap">
         <div class="filter-item">
-          <text class="filter-item__name">频道</text>
-          <div class="filter-item__list">
-            <block for="channel">
-              <text
-                class="filter-item__item {{$item.key === filter.channel_id ? 'cur' : ''}}"
-                @click="filterChange('channel_id', $item.key)"
-                >{{ $item.name }}</text
-              >
-            </block>
-            <!-- <text class="filter-item__item cur">全部</text> -->
-          </div>
-        </div>
-        <div class="filter-item">
           <text class="filter-item__name">类型</text>
           <div class="filter-item__list">
             <block
@@ -113,7 +121,7 @@ export default {
         channel_id: '',
         category_id: '',
         order_field: 'recommend_index',
-        order_seq: 'desc',
+        order_seq: 'asc',
         page_size: 100,
         page: 1,
         status: 1

src/views/Home/index.ux

@@ -53,6 +53,22 @@
         <list-item type="simple" class="book-list__wrap" if="$idx % 3 === 0">
           <div class="book-list_content">
             <div class="book-list__title">
+              <text>{{ bookObj.lable }}</text>
+            </div>
+            <div class="book-list">
+              <block for="book in bookObj.books">
+                <x-book multi="{{false}}" book="{{book}}"></x-book>
+              </block>
+            </div>
+          </div>
+        </list-item>
+        <list-item
+          type="multi"
+          class="book-list__wrap book-list__wrap--multi"
+          else
+        >
+          <div class="book-list_content">
+            <div class="book-list__title">
               <text class="border"></text>
               <text>{{ bookObj.lable }}</text>
             </div>
@@ -80,22 +96,6 @@
             </div>
           </div>
         </list-item>
-        <list-item
-          type="multi"
-          class="book-list__wrap book-list__wrap--multi"
-          else
-        >
-          <div class="book-list_content">
-            <div class="book-list__title">
-              <text>{{ bookObj.lable }}</text>
-            </div>
-            <div class="book-list">
-              <block for="book in bookObj.books">
-                <x-book multi="{{false}}" book="{{book}}"></x-book>
-              </block>
-            </div>
-          </div>
-        </list-item>
       </block>
     </list>
   </div>
@@ -136,7 +136,7 @@ export default {
     }
   },
   async onInit() {
-    this.current = 0
+    this.current = 1
     await this.getCityListByTabChange()
     this.$on('refreshData', this.broadevt)
     this.$watch('current', 'getCityListByTabChange')

src/views/My/index.ux

@@ -2,7 +2,7 @@
   <div class="user-wrap">
     <div class="my_title"><text>我的</text></div>
     <list style="width:100%">
-      <list-item type="mycollect" style="height:340px">
+      <list-item type="mycollect" style="height:440px">
         <stack style="background-color:#fddc00">
           <div class="user-info__wrap">
             <image
@@ -171,14 +171,14 @@ export default {
     }
   },
   async watchPropsChange(v) {
-    if (v === 3) {
+    if (v === 4) {
       //let s = (await storage.get({ key: 'send_order_id' })).data
       //if (s) this.send_order_id = s
       this.getUser()
     }
   },
   broadevt(evt) {
-    if (evt.detail.current == 3) {
+    if (evt.detail.current == 4) {
       this.getUser()
     }
   },
@@ -204,10 +204,11 @@ export default {
     if (page == 'Privacy') {
       webview.loadUrl({
         url:
-          'https://zhuishuyun.oss-cn-hangzhou.aliyuncs.com/qapp/privacy/qapp_authority_detail.htm',
+          'https://zhuishuyun.oss-cn-hangzhou.aliyuncs.com/qapp/privacy/hupoyuedu-privacy.htm',
         showloadingdialog: true
       })
-    } else {
+    }
+    else {
       router.push({
         uri: `/views/${page}`,
         params: params ? params : {}

src/views/Privacy/index.ux

@@ -1,6 +1,5 @@
 <template>
   <div class="demo-page">
-    <
   </div>
 </template>
 

src/views/Shelf/index.ux

@@ -5,14 +5,14 @@
     <div class="shelf_title"><text>书架</text></div>
     <stack class="shelf">
       <div class="shelf-wrap">
-        <div class="type-bar">
+        <!-- <div class="type-bar">
           <div class="search-bar__wrap">
             <text @click="toSearch">请输入书名或者作者名</text
             ><image
               src="https://yueduyun.oss-cn-hangzhou.aliyuncs.com/xiaochengxu/img/search.png"
             ></image>
           </div>
-        </div>
+        </div> -->
 
         <div
           class="shelf-total {{current === 1 ? 'shelf-total__inRecent' : ''}}"
@@ -35,7 +35,7 @@
         <block if="current === 0">
           <div class="shelf-books__wrap">
             <block for="mockList">
-              <div class="book-item__wrap {{(($idx + 1)%3 === 0) ? 'm0' : ''}}">
+              <div class="book-item__wrap {{(($idx + 1)%4 === 0) ? 'm0' : ''}}">
                 <stack>
                   <x-book book="{{$item}}" read="{{true}}"></x-book>
                   <div