| | |
| | | <template> |
| | | <view class="home-zones"> |
| | | <view class="c"> |
| | | <image class="p1 img100" :lazy-load="true" mode="aspectFit" |
| | | src="https://hmy-flower.oss-cn-shanghai.aliyuncs.com/eb/eba404b98a224edc82897fe9647902e7%E4%BD%8D%E5%9B%BE@2x%20(4).png"> |
| | | <view class="c" v-for="(item,index) of list" @click.stop="toDetail(item.id)"> |
| | | <image class="p1 img100 m-t-12" :lazy-load="true" mode="aspectFill" :src="item.bgUrl"> |
| | | </image> |
| | | <view class="c-txt-1"> |
| | | <view class="title">婚礼酒店专区</view> |
| | | <view class="c-txt-1" v-show="false"> |
| | | <view class="title">{{ item.name }}</view> |
| | | <view class="flex"> |
| | | <view class="desc">查看详情</view> |
| | | <view class="right m-l-5"> |
| | |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="c"> |
| | | <view class="c" v-if="false"> |
| | | <image class="p2 img100 m-t-12" :lazy-load="true" mode="aspectFit" |
| | | src="https://hmy-flower.oss-cn-shanghai.aliyuncs.com/52/52deec39e6ff47efb4855cda8766f29e%E8%B7%AF%E5%BE%84%204@2x.png"> |
| | | </image> |
| | |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="flex m-t-12"> |
| | | <view class="flex m-t-12" v-if="false"> |
| | | <view class="flex1 c m-r-5"> |
| | | <image class="p3 img100" :lazy-load="true" mode="aspectFit" |
| | | src="https://hmy-flower.oss-cn-shanghai.aliyuncs.com/87/8787940a92524d7a9805a9184946cfaf%E4%BD%8D%E5%9B%BE@2x%20(5).png"> |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | |
| | | list: [], |
| | | }; |
| | | } |
| | | }, |
| | | methods: { |
| | | toDetail(id) { |
| | | uni.navigateTo({ |
| | | url: `/sub_pages/customer/trade/list?zoneId=${id}` |
| | | }) |
| | | }, |
| | | init() { |
| | | this.list = [] |
| | | this.$http.request('get', '/api/flower/zone/list', {}).then(res => { |
| | | this.list = res.data || [] |
| | | }) |
| | | } |
| | | }, |
| | | mounted() { |
| | | console.log('init hone zones') |
| | | this.$http.request('get', '/api/flower/zone/list', {}).then(res => { |
| | | this.list = res.data || [] |
| | | }) |
| | | }, |
| | | onLoad() { |
| | | |
| | | }, |
| | | } |
| | | </script> |
| | | |
| | |
| | | .title { |
| | | color: #892E2E; |
| | | } |
| | | |
| | | .desc { |
| | | color: #892E2E; |
| | | } |
| | | .right{ |
| | | |
| | | .right { |
| | | background: #892E2E; |
| | | } |
| | | } |