first commit

历届学生/陈一航/项目/contact/dianshang/online/src/views/Info.vue

@@ -0,0 +1,83 @@
+<template lang="pug">
+  .info
+    .swiper
+      .nav
+        van-icon(name='arrow-left', size="18")
+        van-icon(name='share', size="18")
+      SwiperComponents
+    .info_content
+      h2 小米10 Pro
+      .goods_brief
+        span.active 「信用卡分期24期免息，低至7元起/天」
+        span 向往的生活同款 / 骁龙865处理器 / 1亿像素8K电影相机，50倍数字变焦，10倍混合光学变焦 / 双模5G / 新一代LPDDR5内存 / 50W极速闪充+30W无线闪充+10W无线反充 / 对称式立体声 / 90Hz刷新率+180Hz采样率 / UFS 3.0高速存储 / 全面适配WiFi 6 / 超强VC液冷散热  / 4500mAh大电量 / 多功能NFC
+      .price ￥4900
+
+      .configure
+        .item
+          van-cell(title='已选   小米10 Pro 8GB+256GB 珍珠白 x 1', icon='')
+            template(#right-icon)
+              van-icon(name='arrow', style='line-height: inherit;')
+          van-cell(title='送至', icon='')
+            template(#right-icon)
+              van-icon(name='arrow', style='line-height: inherit;')
+          van-cell(icon='', class="ddd")
+            template(#right-icon)
+             .t
+                .tex
+                   img(src="/img/do_icon.png")
+                   span xx自营
+                .tex
+                  img(src="/img/do_icon.png")
+                  span xx发货
+                .tex
+                  img(src="/img/do_icon.png")
+                  span 7天无理由退货
+             van-icon(name='arrow', style='line-height: inherit;')
+
+    .xqt
+      img(v-for="i in 4" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/75a8abea38d8ebe9748c9903f12c9d77.jpg?f=webp&w=1080&h=2531&bg=FFFFFF")
+
+    van-goods-action
+      van-goods-action-icon(icon='chat-o', text='客服', color='#07c160')
+      van-goods-action-icon(icon='cart-o', text='购物车')
+      van-goods-action-icon(icon='star', text='已收藏', color='#ff5000')
+      van-goods-action-button(type='warning', text='加入购物车')
+      van-goods-action-button(type='danger', text='立即购买')
+
+
+
+
+</template>
+
+<script>
+  import SwiperComponents from "@/components/Swiper"
+
+  export default {
+    components: {
+      SwiperComponents
+    },
+    data() {
+      return {}
+    },
+    created() {
+    },
+    beforeRouteEnter (to, from, next) {
+      next(vm => {
+        vm.$emit("hiddenTb")
+      })
+    },
+    beforeRouteLeave (to, from, next) {
+      this.$emit("showTb")
+      next()
+    },
+    methods: {
+      async getTvList() {
+
+      }
+    }
+  }
+</script>
+
+<style scoped lang="less">
+  @import "~@less/info.less";
+</style>