change layout of wx

src/App.vue

@@ -18,4 +18,16 @@
 
 <style>
     /*每个页面公共css */
+    .container {
+      width: 100vw;
+      height: 100vh;
+      overflow-y: scroll;
+      overflow-x: hidden;
+    }
+    .container::-webkit-scrollbar {
+      display:none!important;
+      width:0!important;
+      height:0!important;
+      color:transparent!important;
+    }
 </style>

src/components/GameSmallCell/index.vue

@@ -1,5 +1,5 @@
 <template>
-<view class="s-game-cell">
+<view class="s-game-cell" @click="onClick(gData.gameId)">
   <view class="left-part">
     <image
         src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/094a9dc0-50c0-11eb-b680-7980c8a877b8.jpg"
@@ -26,19 +26,25 @@
 </template>
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator'
+import { IGameInfo } from '@/modules/gameinfo'
 
 declare module 'vue/types/vue' {
   interface Vue {
-    data?: any
+    gData?: IGameInfo
   }
 }
 
 @Component({
   name: 'GameSmallCell',
-  props: ['data'],
+  props: ['gData'],
 })
 export default class extends Vue{
   private tagList: string[] = ['t1', 't2']
+
+  onClick(s: string) {
+    console.log('on click: ', s)
+    this.$emit("cellClicked", s)
+  }
 }
 </script>
 <style>
@@ -83,7 +89,7 @@ export default class extends Vue{
     font-size: 28rpx;
   }
   .price-view .price-raw {
-    font-size: 22rpx;
+    font-size: 18rpx;
     margin: auto;
   }
   .tags-view {
@@ -95,10 +101,11 @@ export default class extends Vue{
   }
   .game-tag text {
     padding: 2px 5px!important;
+    font-size: 20rpx!important;
   }
   uni-tag {
     margin-right: 5px;
-    font-size: 14px;
+    font-size: 20rpx!important;
   }
   .uni-tag {
     margin-right: 5px;

src/components/PriceCell/index.vue

@@ -75,13 +75,13 @@ export default class extends Vue{
   padding: 5px 0;
 }
 .price-cell .right-part .main-price {
-  font-size: 18px;
+  font-size: 28rpx;
   color: #dd524d;
   text-align: right;
 }
 .price-cell .right-part .price-tip {
   color: #666666;
-  font-size: 12px;
+  font-size: 18rpx;
   -webkit-transform-origin-x: 0;
   -webkit-transform: scale(0.80);
   line-height: 10px;

src/pages.json

@@ -18,7 +18,11 @@
 		{
 			"path": "pages/list/index",
 			"style": {
-				"navigationBarTitleText": "搜索"
+				"navigationBarTitleText": "搜索",
+				"scrollIndicator": "none",
+				"app-plus":{
+					"scrollIndicator":"none"
+				}
 			}
 		},
 		{
@@ -68,6 +72,10 @@
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "uni-app",
 		"navigationBarBackgroundColor": "#F8F8F8",
-		"backgroundColor": "#F8F8F8"
+		"backgroundColor": "#F8F8F8",
+		"scrollIndicator": "none",
+		"app-plus":{
+			"scrollIndicator":"none"
+		}
 	}
 }

src/pages/info/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="page">
+  <view class="container">
     <navigator class="nav-bar" open-type="navigateBack">
       <uni-icons type="left" size="30"></uni-icons>
     </navigator>

src/pages/info/priceList.vue

@@ -1,5 +1,5 @@
 <template>
-  <view class="page">
+  <view class="container">
     <view class="price-list">
       <uni-list>
         <uni-list-item v-for="item in priceList" >

src/pages/list/index.vue

@@ -33,8 +33,12 @@ export default class extends Vue{
     }
 
   }
-  onClick() {
 
+  onClick(e: any) {
+    uni.navigateTo({
+      url: '/pages/info/index',
+      animationType: 'pop-in',
+      animationDuration: 200})
   }
 
 }