暂存

src/router/index.js

@@ -90,6 +90,11 @@ const routes = [
         component: () => import('@/views/introduce/index'),
         hidden: true
     },
+    {
+        path: '/goods',
+        component: () => import('@/views/goods/index'),
+        hidden: true
+    },
 
     
 ];

src/views/aboutUs/index.vue

@@ -30,7 +30,7 @@ export default {
       list: [
         // { title: "公司名称：", value: "五常市藏金壹柒肆伍农业科技有限公司" },
         { title: "联系电话：", value: "" },
-        { title: "客服热线：", value: "4000-001-745" },
+        { title: "客服热线：", value: "400-0001-745" },
         { title: "企业邮箱：", value: "" },
         { title: "邮政编码：", value: "150200" },
         {

src/views/goods/index.vue

@@ -0,0 +1,84 @@
+<template>
+  <div class="goods">
+    <div class="header">
+      <van-icon name="arrow-left" @click="onClickLeft" />
+    </div>
+    <div class="list" v-if="showList && showList.length > 0">
+      <img
+        v-for="(img, index) in showList"
+        :key="img + index"
+        :src="img"
+        alt=""
+      />
+    </div>
+  </div>
+</template>
+
+<script>
+import resToken from "@/mixins/resToken";
+export default {
+  mixins: [resToken],
+  data() {
+    return {
+      title: null,
+      showList: [],
+
+      loading: false,
+    };
+  },
+  async created() {
+    this.showList = [];
+    this.getImgList();
+  },
+
+  methods: {
+    onClickLeft() {
+      window.history.back(-1);
+    },
+    getImgList() {
+      for (let i = 0; i < 23; i++) {
+        this.showList.push(
+          require(`@/assets/images/goods/image${i + 1}@2x.png`)
+        );
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.goods {
+  background: #e6e6dc;
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  .list {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    overflow-y: scroll;
+    img {
+      display: inline-block;
+      width: 100%;
+      margin: -8px 0 0 0;
+    }
+  }
+  .header {
+    position: absolute;
+    z-index: 2;
+    height: 46px;
+    width: 100%;
+    top: 0;
+    left: 0;
+    .van-icon {
+      height: 46px;
+      width: 46px;
+      line-height: 46px;
+      text-align: center;
+      font-size: 18px;
+      color: #fff;
+    }
+  }
+}
+</style>
+

src/views/introduce/index.vue

@@ -79,16 +79,19 @@ export default {
 <style lang="scss" scoped>
 .introduce {
  background: #e6e6dc;
- position: relative;
+ position:fixed;
+ 
  width: 100%;
  height: 100%;
- overflow-y: scroll;
  .list{
-
- 
+position: relative;
+ width: 100%;
+ height: 100%;
+ overflow-y:scroll;
  img{
    display: inline-block;
    width: 100%;
+   margin:-5px 0 0 0;
 
  }}
  .header{
@@ -97,9 +100,10 @@ export default {
    width: 100%;
    top:0;
    left:0;
+   z-index:2;
    img{
-     width: 9px;
-     margin: 18px 0 0 16px;
+     width: 8px;
+     margin: 17px 0 0 16px;
    }
  }
 }

src/views/paddy/index.vue

@@ -7,7 +7,7 @@
         indicator-color="#DAAD71"
         @change="onChange"
       >
-        <van-swipe-item>
+        <van-swipe-item >
           <img
             src="@/assets/images/home/swipper/swipper1.png"
             alt=""
@@ -21,6 +21,13 @@
             style="width: 100%"
           />
         </van-swipe-item>
+        <van-swipe-item>
+          <img
+            src="@/assets/images/home/swipper/swipper3.png"
+            alt=""
+            style="width: 100%"
+          />
+        </van-swipe-item>
         <template #indicator>
           <ul class="oUl">
             <li
@@ -37,6 +44,13 @@
                   : 'custom-indicator'
               "
             ></li>
+            <li
+              :class="
+                current == 2
+                  ? 'custom-indicator indicator-active'
+                  : 'custom-indicator'
+              "
+            ></li>
           </ul>
         </template>
       </van-swipe>
@@ -57,7 +71,7 @@
         <li
           v-for="(item, index) in baozhuangBoxList"
           :key="index + item.name"
-          @click="goto('/home/product', index)"
+          @click="goto('/goods', index)"
         >
           <div class="riceBag">
             <img :src="item.img" alt="" />