调整部分展示字段及图片展示
This commit is contained in:
parent
d98efbf04e
commit
36e75d8768
|
|
@ -11,7 +11,7 @@
|
||||||
<text class="cuIcon-homefill"></text>
|
<text class="cuIcon-homefill"></text>
|
||||||
<slot name="backHomeText"></slot>
|
<slot name="backHomeText"></slot>
|
||||||
</view>
|
</view>
|
||||||
<view></view>
|
<slot name="left-content"></slot>
|
||||||
</view>
|
</view>
|
||||||
<view class="content" :style="[{top:StatusBar + 'px'}]">
|
<view class="content" :style="[{top:StatusBar + 'px'}]">
|
||||||
<slot name="content"></slot>
|
<slot name="content"></slot>
|
||||||
|
|
|
||||||
|
|
@ -5,31 +5,11 @@
|
||||||
const swiperList = [{
|
const swiperList = [{
|
||||||
id: 0,
|
id: 0,
|
||||||
type: 'image',
|
type: 'image',
|
||||||
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big17000.jpg'
|
url: 'http://gqz.opsoul.com/f5cd5d9a378044aea5125ff150433bae'
|
||||||
}, {
|
}, {
|
||||||
id: 1,
|
id: 1,
|
||||||
type: 'image',
|
type: 'image',
|
||||||
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big37006.jpg',
|
url: 'http://gqz.opsoul.com/e456d5ceabec4a7f98895d74d2c6aeea'
|
||||||
}, {
|
|
||||||
id: 2,
|
|
||||||
type: 'image',
|
|
||||||
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big39000.jpg'
|
|
||||||
}, {
|
|
||||||
id: 3,
|
|
||||||
type: 'image',
|
|
||||||
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg'
|
|
||||||
}, {
|
|
||||||
id: 4,
|
|
||||||
type: 'image',
|
|
||||||
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big25011.jpg'
|
|
||||||
}, {
|
|
||||||
id: 5,
|
|
||||||
type: 'image',
|
|
||||||
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big21016.jpg'
|
|
||||||
}, {
|
|
||||||
id: 6,
|
|
||||||
type: 'image',
|
|
||||||
url: 'https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg'
|
|
||||||
}]
|
}]
|
||||||
|
|
||||||
const categories = [{
|
const categories = [{
|
||||||
|
|
|
||||||
|
|
@ -8,10 +8,10 @@
|
||||||
<view class="cu-card case no-card solid-bottom bg-white padding-top-xs" v-for="(item, index) in goodsInfos" :key="index" @click="showDetails(item)">
|
<view class="cu-card case no-card solid-bottom bg-white padding-top-xs" v-for="(item, index) in goodsInfos" :key="index" @click="showDetails(item)">
|
||||||
<view class="cu-item shadow">
|
<view class="cu-item shadow">
|
||||||
<view v-if="multiPicMode" class="flex justify-between align-center multi-pic-container">
|
<view v-if="multiPicMode" class="flex justify-between align-center multi-pic-container">
|
||||||
<view class="left-view"><image class="radius" :src="item.goodsImgsMap[0][0].imgUrl" mode="scaleToFill"></image></view>
|
<view class="left-view"><image class="radius" :src="item.goodsImgsMap[0][0].imgUrl" mode="aspectFill"></image></view>
|
||||||
<view class="flex-column-between align-center right-view">
|
<view class="flex-column-between align-center right-view">
|
||||||
<image class="radius" :src="item.goodsImgsMap[0][1].imgUrl" mode="scaleToFill"></image>
|
<image class="radius" :src="item.goodsImgsMap[0][1].imgUrl" mode="aspectFill"></image>
|
||||||
<image class="radius" :src="item.goodsImgsMap[0][2].imgUrl" mode="scaleToFill"></image>
|
<image class="radius" :src="item.goodsImgsMap[0][2].imgUrl" mode="aspectFill"></image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view v-else>
|
<view v-else>
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,17 @@
|
||||||
<template name="index">
|
<template name="index">
|
||||||
<view>
|
<view>
|
||||||
|
<!-- 顶部操作条 -->
|
||||||
|
<!-- <cu-custom class="text-left">
|
||||||
|
<block slot="left-content">
|
||||||
|
<image :src="item.url" v-if="item.type=='image'"></image>
|
||||||
|
<text class="padding-left text-xl" style="float: left;">叮咚到家家政服务</text>
|
||||||
|
</block>
|
||||||
|
</cu-custom> -->
|
||||||
<!-- 轮播图-->
|
<!-- 轮播图-->
|
||||||
<swiper class="screen-swiper" :class="dotStyle?'square-dot':'round-dot'" :indicator-dots="true" :circular="true"
|
<swiper class="screen-swiper" :class="dotStyle?'square-dot':'round-dot'" :indicator-dots="true" :circular="true"
|
||||||
:autoplay="true" interval="5000" duration="500">
|
:autoplay="true" interval="5000" duration="500">
|
||||||
<swiper-item v-for="(item,index) in swiperList" :key="item.id">
|
<swiper-item v-for="(item,index) in swiperList" :key="item.id">
|
||||||
<image :src="item.url" v-if="item.type=='image'"></image>
|
<image mode="aspectFill" :src="item.url" v-if="item.type=='image'"></image>
|
||||||
<video :src="item.url" autoplay loop muted :show-play-btn="false" :controls="false" objectFit="cover"
|
<video :src="item.url" autoplay loop muted :show-play-btn="false" :controls="false" objectFit="cover"
|
||||||
v-if="item.type=='video'"></video>
|
v-if="item.type=='video'"></video>
|
||||||
</swiper-item>
|
</swiper-item>
|
||||||
|
|
@ -167,7 +174,8 @@
|
||||||
// 加载热门商品
|
// 加载热门商品
|
||||||
let hotGoodsRes = await this.$request.getHotGoods({
|
let hotGoodsRes = await this.$request.getHotGoods({
|
||||||
pageNum: 0,
|
pageNum: 0,
|
||||||
pageSize: 50
|
pageSize: 50,
|
||||||
|
status: 0
|
||||||
});
|
});
|
||||||
this.hotGoods = hotGoodsRes.rows;
|
this.hotGoods = hotGoodsRes.rows;
|
||||||
// 加载品类
|
// 加载品类
|
||||||
|
|
@ -317,7 +325,11 @@
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
.screen-swiper {
|
||||||
|
height: 500rpx;
|
||||||
|
}
|
||||||
|
|
||||||
.cu-list+.cu-list {
|
.cu-list+.cu-list {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -66,7 +66,7 @@
|
||||||
</view>
|
</view>
|
||||||
{{productDetail.goodsName}}
|
{{productDetail.goodsName}}
|
||||||
</view>
|
</view>
|
||||||
<view class="text-sm text-gray margin-top-xs">{{productInfo.comments}}</view>
|
<view class="text-sm text-gray margin-top-xs">{{productDetail.remark}}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="text-xl text-right padding-lr">
|
<view class="text-xl text-right padding-lr">
|
||||||
<!-- <view class="margin-tb-xs"><text class="cuIcon-share"></text></view> -->
|
<!-- <view class="margin-tb-xs"><text class="cuIcon-share"></text></view> -->
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue