hlm_pl_mall_h5/pages/home/goodsdetail/child/InfoChain.vue

<!-- Concat.vue -->
<template>
	<view class="div main-content" v-if="detailInfo && detailInfo.if_chain">
	<flex-line :is-link="true" :show-border="true" @click.native="goNavigate('/pages/home/goodsdetail/ChainList',{goods_id:detailInfo.goods_id})">
		<text class="span">自提门店</text>
	</flex-line>
	</view>
</template>

<script>
import { urlencode } from '@/util/common'
import { mapState, mapMutations } from 'vuex'
import flexLine from '../../../flexLine'
export default {
  data () {
    return {
    }
  },
components:{flexLine},

  computed: {
    ...mapState({
      detailInfo: state => state.goodsdetail.detailInfo
    })
  },

  watch: {},

  created () {

  },

  methods:{
    goNavigate(path,query=false){
      uni.navigateTo({url:path+(query?('?'+urlencode(query)):'')})
    },


  }
}
</script>

<style lang="scss" scoped>
	.main-content{padding:0 $pageSpace;background-color: #fff;}
	.ui-promotions-wrapper {
		height: auto;
		&.ui-detail-common {
			padding: 0;
		}
		.promotions-header {
			padding: 0 $pageSpace;
			margin-top: 0.4rem;
			height: 2rem;
			line-height: 2rem;
			background:#fff;
			.h3 {
				font-size:$subFontSize;
				color: #333;
				.iconfont{float:right;}
			}
			.img {
				width:0.25rem;
				height: 0.5rem;
			}
		}

	}

</style>