测试修改的ui

package-lock.json

@@ -2747,6 +2747,11 @@
       "integrity": "sha1-3T5mmboyN/A0jNCF5GmHgCBIQvk=",
       "dev": true
     },
+    "@vant/area-data": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmmirror.com/@vant/area-data/-/area-data-1.4.1.tgz",
+      "integrity": "sha512-D8zI/rfxREhnIKGoYzsEJZ73fte4JARhFeFftLIH7ynu1sPrCBEgPkLEbwPyvw3VC4JdSIuzaK5uOhu+BcoPXw=="
+    },
     "@vant/icons": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/@vant/icons/-/icons-1.8.0.tgz",
@@ -3040,44 +3045,6 @@
           "integrity": "sha1-/q7SVZc9LndVW4PbwIhRpsY1IPo=",
           "dev": true
         },
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.2",
-          "resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
-          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-          "dev": true,
-          "optional": true
-        },
         "globby": {
           "version": "9.2.0",
           "resolved": "https://registry.npm.taobao.org/globby/download/globby-9.2.0.tgz?cache=0&sync_timestamp=1616407139482&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fglobby%2Fdownload%2Fglobby-9.2.0.tgz",
@@ -3094,13 +3061,6 @@
             "slash": "^2.0.0"
           }
         },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-          "dev": true,
-          "optional": true
-        },
         "hash-sum": {
           "version": "2.0.0",
           "resolved": "https://registry.npm.taobao.org/hash-sum/download/hash-sum-2.0.0.tgz",
@@ -3113,25 +3073,6 @@
           "integrity": "sha1-dQ49tYYgh7RzfrrIIH/9HvJ7Jfw=",
           "dev": true
         },
-        "json5": {
-          "version": "2.2.3",
-          "resolved": "https://registry.npmmirror.com/json5/-/json5-2.2.3.tgz",
-          "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
-          "dev": true,
-          "optional": true
-        },
-        "loader-utils": {
-          "version": "2.0.4",
-          "resolved": "https://registry.npmmirror.com/loader-utils/-/loader-utils-2.0.4.tgz",
-          "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^2.1.2"
-          }
-        },
         "slash": {
           "version": "2.0.0",
           "resolved": "https://registry.npm.taobao.org/slash/download/slash-2.0.0.tgz?cache=0&sync_timestamp=1618384508676&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fslash%2Fdownload%2Fslash-2.0.0.tgz",
@@ -3146,28 +3087,6 @@
           "requires": {
             "minipass": "^3.1.1"
           }
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        },
-        "vue-loader-v16": {
-          "version": "npm:vue-loader@16.8.3",
-          "resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-16.8.3.tgz",
-          "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "chalk": "^4.1.0",
-            "hash-sum": "^2.0.0",
-            "loader-utils": "^2.0.0"
-          }
         }
       }
     },
@@ -15917,6 +15836,101 @@
         "vue-style-loader": "^4.1.0"
       }
     },
+    "vue-loader-v16": {
+      "version": "npm:vue-loader@16.8.3",
+      "resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-16.8.3.tgz",
+      "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "chalk": "^4.1.0",
+        "hash-sum": "^2.0.0",
+        "loader-utils": "^2.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true,
+          "optional": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true,
+          "optional": true
+        },
+        "hash-sum": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmmirror.com/hash-sum/-/hash-sum-2.0.0.tgz",
+          "integrity": "sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==",
+          "dev": true,
+          "optional": true
+        },
+        "json5": {
+          "version": "2.2.3",
+          "resolved": "https://registry.npmmirror.com/json5/-/json5-2.2.3.tgz",
+          "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+          "dev": true,
+          "optional": true
+        },
+        "loader-utils": {
+          "version": "2.0.4",
+          "resolved": "https://registry.npmmirror.com/loader-utils/-/loader-utils-2.0.4.tgz",
+          "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^2.1.2"
+          }
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
     "vue-style-loader": {
       "version": "4.1.3",
       "resolved": "https://registry.npm.taobao.org/vue-style-loader/download/vue-style-loader-4.1.3.tgz",

package.json

@@ -57,6 +57,7 @@
     "@dcloudio/uni-quickapp-native": "^2.0.0-31920210514002",
     "@dcloudio/uni-quickapp-webview": "^2.0.0-31920210514002",
     "@dcloudio/uni-stat": "^2.0.0-31920210514002",
+    "@vant/area-data": "^1.4.1",
     "@vue/shared": "^3.0.0",
     "axios-miniprogram-adapter": "^0.3.2",
     "axios-mock-adapter": "^1.19.0",

src/otherPages/buyVideo/index.vue

@@ -1,20 +1,177 @@
 <template>
-    <div>
-
-    </div>
+  <view>
+    <view class="header">
+      <view class="rect">
+        <van-search
+          :value="value"
+          shape="round"
+          background=""
+          placeholder="输入系列课标题"
+        />
+        <view
+          style="display: flex; padding: 30rpx; justify-content: space-between"
+        >
+          <input
+            v-model="provice.name"
+            @click="
+              () => {
+                areaShow = true;
+              }
+            "
+            placeholder="省份"
+            class="header-provice"
+            type="text"
+          />
+          <input
+            @click="
+              () => {
+                areaShow = true;
+              }
+            "
+            v-model="city.name"
+            placeholder="地市"
+            class="header-city"
+            type="text"
+          />
+        </view>
+      </view>
+      <van-popup round position="bottom" :show="areaShow">
+        <van-area
+          @cancel="
+            () => {
+              areaShow = false;
+            }
+          "
+          @confirm="confirmArea"
+          :value="provice.code"
+          :area-list="areaList"
+          columns-num="2" ></van-area>
+      </van-popup>
+    </view>
+    <view class="content">
+      <view class="list">
+        <view class="list-item">
+          <image
+            mode="widthFx"
+            src="https://ct.zzxcx.net/ctjk/mp-wx/buyVideo/course1.png"
+            class="list-item-image"
+          >
+          </image>
+          <view
+            style="
+              display: flex;
+              align-items: space-between;
+              flex-wrap: wrap;
+              width: 355rpx;
+            "
+          >
+            <view class="list-item-text1">福州 | 华威科目三考场</view>
+            <view class="list-item-text2">共3节</view>
+          </view>
+          <view class="list-item-border"></view>
+        </view>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
-    export default {
-        data() {
-            return {
-              
-            }
-        },
-        
-    }
+import { areaList } from "@vant/area-data";
+export default {
+  data() {
+    return {
+      areaShow: false,
+      provice: { code: "", name: "" },
+      city: { code: "", name: "" },
+      areaList: areaList,
+    };
+  },
+  methods: {
+    confirmArea(e) {
+      this.provice = e.detail.values[0];
+      this.city = e.detail.values[1];
+      this.areaShow=false
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
+.header {
+  width: 100%;
+  height: auto;
+
+  border-radius: 0px 0px 45px 45px;
+  .rect {
+    width: 100%;
+    height: 406rpx;
+    background-image: url("https://ct.zzxcx.net/ctjk/mp-wx/buyVideo/headerBg.png");
+    background-size: 100%;
+  }
+  .arc {
+    width: 100%;
+    height: 100rpx;
+  }
+  .header-provice {
+    width: 336rpx;
+    height: 60rpx;
+    background: #fff;
+    border-radius: 40rpx;
+    font-size: 26rpx;
+    padding-left: 30rpx;
+    box-sizing: border-box;
+  }
+  .header-city {
+    width: 336rpx;
+    height: 60rpx;
+    background: #fff;
+    border-radius: 40rpx;
+    font-size: 26rpx;
+    padding-left: 30rpx;
+    box-sizing: border-box;
+  }
+}
+.content {
+  width: 100%;
+  padding: 0rpx 30rpx;
+  transform: translateY(-80px);
+  .list {
+    width: 100%;
+    background: #edf4ff;
+    height: 1200rpx;
+    box-shadow: 0px 6rpx 12rpx 2rpx rgba(0, 0, 0, 0.1);
 
+    border-radius: 20rpx 20rpx 20rpx 20rpx;
+    .list-item {
+      width: 100%;
+      padding: 30rpx;
+      padding-top: 30rpx;
+      padding-bottom: 0rpx;
+      display: flex;
+      height: 220rpx;
+      flex-wrap: wrap;
+    }
+    .list-item-image {
+      width: 248rpx;
+      height: 138rpx;
+      margin-right: 24rpx;
+    }
+    .list-item-border {
+      width: 100%;
+      background: #e0e0e0;
+      height: 2rpx;
+    }
+    .list-item-text1 {
+      width: 305rpx;
+      color: #0a1a33;
+      font-size: 30rpx;
+      padding-top: 10rpx;
+    }
+    .list-item-text2 {
+      width: 305rpx;
+      color: #8a9099;
+      font-size: 26rpx;
+    }
+  }
+}
 </style>

src/otherPages/courseCatalog/index.vue

@@ -0,0 +1,25 @@
+<template>
+    <view>
+
+    </view>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {
+           
+            }
+        },
+        
+    }
+</script>
+
+<style lang="scss" scoped>
+.bg{
+    background: #fff;
+    width: 100%;
+    min-height: 100vh;
+}
+
+</style>

src/pages/carVideo/index.vue

@@ -285,7 +285,7 @@
 import shortVideo from "./components/shortVideo.vue";
 import branchOne from "./components/branchOne.vue";
 import branchTwo from "./components/branchTwo.vue";
-import banner1 from "@/assets/img/banner1.jpg";
+
 import tabLeft from "./components/tabLeft.vue";
 import tabRight from "./components/tabRight.vue";
 import TabCenter from "./components/tabCenter.vue";
@@ -514,7 +514,6 @@ export default {
       },
     ],
     loading: true,
-    banner1,
     query: {},
   }),
   computed: {