detail.vue 1.69 KB
<!--
 * @description: 二手商品详情
 * @fileName: detail.vue
 * @author: huzhiming
 * @date: 2019-11-21 10:28:52
 * @后台人员:
 * @version: v1.0.0
 * @path: 页面访问路径及参数说明 http://m.yohobuy.com:6001/xianyu/second/product/商品id.html
!-->
<template>
  <LayoutApp :show-back="true" title="商品详情">
    <div class="second-detail-wrap">
      UfoSecondProductDetail
    </div>
  </LayoutApp>
</template>

<script>
export default {
  // watchQuery: [],
  // layouts: '',
  // head() {
  //   return {
  //     title: '',
  //     meta: [{ hid: 'keywords', name: 'keywords', content: '' },{ hid: 'hid', name: 'description', content: '' }],
  //     // link: [{ rel: 'stylesheet', href: '' }],
  //     // script: [{ src: '' }]
  //   }
  // },
  name: 'UfoSecondProductDetail',
  mixins: [],
  props: {
    skup: Number
  },
  // // 服务端渲染函数
  // async asyncData ({ isDev, route, store, env, params, query, req, res, redirect, error }) {
  //   return {}
  // },
  data() {
    return {}
  },
  created() {},
  mounted() {
    //
    // this.skup
  },
  activated() {},
  deactivated() {},
  // beforeRouteEnter (to, from, next) {},
  // beforeRouteUpdate(to, from, next) {},
  // beforeRouteLeave(to, from, next) {},
  destroyed() {},
  methods: {},
  computed: {},
  watch: {},
  components: {}
};
</script>

/* 定义局部样式,添加外围容器,scss嵌套尽量不要超过三层,会影响查找器性能 */
<style rel='stylesheet/scss' lang='scss' scoped>
.second-detail-wrap {
  background: red;
}
</style>

/* 定义全局样式,添加外围容器,避免覆盖全局样式, 若不需要,请删除 */
<style rel='stylesheet/scss' lang='scss'>
.second-detail-wrap {}
</style>