行情

pages/quotations/quotations.vue

@@ -1,8 +1,8 @@
 <template>
-  <view>
-    <view>
-      <scroll-view class="scroll-view_H" scroll-x="true" @scroll="scroll" scroll-left="120">
-        <uni-grid :column="5" @change="change" showBorder="false" square="false">
+  <view >
+    <view class="nactive">
+      <scroll-view class="scroll-view_H" :scroll-x="true" @scroll="scroll" scroll-left="120">
+        <uni-grid :column="5" @change="change" :showBorder="false" :square="true" >
           <uni-grid-item v-for="item in categories" :index="item.id">
             <view class="grid-item-box">
               <image class="image" :src="loadImgSrc(item.icon)" mode="aspectFit"></image>
@@ -44,7 +44,7 @@
 
 <script>
 import {listConfig, listQuotations} from "@/api/quotations/quotations";
-import upload from '../../components/upload/index.vue'
+import upload from '@/components/upload/index.vue'
 
 export default {
   components: {
@@ -52,6 +52,8 @@ export default {
   },
   data() {
     return {
+      book:false,
+
       //是否显示弹出层
       open: false,
       //悬浮按钮右对齐
@@ -151,13 +153,13 @@ export default {
       console.log(e)
       const type = e.detail.index;
       uni.navigateTo({
-        url: `../quotations/quotationsSecond?type=${type}`
+        url: '/pages/quotations/quotationsSecond?type=${type}'
       });
     },
     //悬浮按钮点击事件
     fabClick() {
       uni.navigateTo({
-        url: '../quotations/quotationsForm'
+        url: '/pages/quotations/quotationsForm'
       });
     },
     updateImg(imgList) {
@@ -169,6 +171,12 @@ export default {
 </script>
 
 <style>
+.nactive{
+  padding: 10px 0 10px 0;
+}
+.container{
+  backgroud-color: #f5f5f5;
+}
 .grid-item-box {
   flex: 1;
 // position: relative;
@@ -189,5 +197,4 @@ export default {
   align-items: center;
 }
 
-
 </style>