parent
387d1d097d
commit
7a15c4a229
@ -0,0 +1,82 @@ |
|||||||
|
<template> |
||||||
|
<view> |
||||||
|
<image class="width94 mart20" mode="widthFix" :src="imagewxUrl+imgadres"></image> |
||||||
|
<!-- 分割线 --> |
||||||
|
<view class="title-split"> |
||||||
|
<view></view> |
||||||
|
<text>商品分类</text> |
||||||
|
<view></view> |
||||||
|
</view> |
||||||
|
<!-- 分类--> |
||||||
|
<view class="width94"> |
||||||
|
<view class="width50 flleft fotct mart5" @click="jumpgoods"> |
||||||
|
<image src="../../static/img/ghkpay.png" class="preimg"></image> |
||||||
|
</view> |
||||||
|
<view class="width50 flleft fotct mart5"> |
||||||
|
<image src="../static/cz2.jpg" class="preimg"></image> |
||||||
|
</view> |
||||||
|
<view class="width50 flleft fotct mart5"> |
||||||
|
<image src="../../static/img/ghkpay.png" class="preimg"></image> |
||||||
|
</view> |
||||||
|
<view class="width50 flleft fotct mart5"> |
||||||
|
<image src="../static/cz1.jpg" class="preimg"></image> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
let app = getApp() |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
imageUrl: app.globalData.imgUrl, |
||||||
|
imagewxUrl: app.globalData.imageWxImg, |
||||||
|
imgadres: 'preimg.png' |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 跳转商品 |
||||||
|
jumpgoods(){ |
||||||
|
uni.navigateTo({ |
||||||
|
url:'../../pages/goods/goods-list/goods-list?id=1' |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss"> |
||||||
|
.title-split { |
||||||
|
margin: 30rpx 0 28rpx 0; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
|
||||||
|
text { |
||||||
|
color: #161616; |
||||||
|
font-weight: 500; |
||||||
|
font-size: 30rpx; |
||||||
|
padding: 0 24rpx; |
||||||
|
} |
||||||
|
|
||||||
|
view { |
||||||
|
width: 140rpx; |
||||||
|
height: 4rpx; |
||||||
|
border-radius: 3rpx; |
||||||
|
|
||||||
|
&:first-of-type { |
||||||
|
background: linear-gradient(90deg, rgba(98, 98, 98, 0) 0%, #333333 100%); |
||||||
|
} |
||||||
|
|
||||||
|
&:last-of-type { |
||||||
|
background: linear-gradient(90deg, #333333 0%, rgba(98, 98, 98, 0) 100%); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.preimg { |
||||||
|
width: 120px; |
||||||
|
height: 80px; |
||||||
|
} |
||||||
|
</style> |
@ -0,0 +1,81 @@ |
|||||||
|
<template> |
||||||
|
<view> |
||||||
|
<image class="width94 mart20" mode="widthFix" :src="imagewxUrl+imgadres"></image> |
||||||
|
<!-- 分割线 --> |
||||||
|
<view class="title-split"> |
||||||
|
<view></view> |
||||||
|
<text>商品分类</text> |
||||||
|
<view></view> |
||||||
|
</view> |
||||||
|
<!-- 分类--> |
||||||
|
<view class="width94"> |
||||||
|
<view class="width50 flleft fotct mart5" @click="jumpbrand"> |
||||||
|
<image src="../../static/img/ghkpay.png" class="preimg"></image> |
||||||
|
</view> |
||||||
|
<view class="width50 flleft fotct mart5"> |
||||||
|
<image src="../static/cz2.jpg" class="preimg"></image> |
||||||
|
</view> |
||||||
|
<view class="width50 flleft fotct mart5"> |
||||||
|
<image src="../../static/img/ghkpay.png" class="preimg"></image> |
||||||
|
</view> |
||||||
|
<view class="width50 flleft fotct mart5"> |
||||||
|
<image src="../static/cz1.jpg" class="preimg"></image> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
let app = getApp(); |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
imageUrl: app.globalData.imgUrl, |
||||||
|
imagewxUrl: app.globalData.imageWxImg, |
||||||
|
imgadres: 'preimg.png' |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 跳转品牌 |
||||||
|
jumpbrand(){ |
||||||
|
uni.navigateTo({ |
||||||
|
url:'../brand-classification/brand-classification' |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss"> |
||||||
|
.title-split { |
||||||
|
margin: 30rpx 0 28rpx 0; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
|
||||||
|
text { |
||||||
|
color: #161616; |
||||||
|
font-weight: 500; |
||||||
|
font-size: 30rpx; |
||||||
|
padding: 0 24rpx; |
||||||
|
} |
||||||
|
|
||||||
|
view { |
||||||
|
width: 140rpx; |
||||||
|
height: 4rpx; |
||||||
|
border-radius: 3rpx; |
||||||
|
|
||||||
|
&:first-of-type { |
||||||
|
background: linear-gradient(90deg, rgba(98, 98, 98, 0) 0%, #333333 100%); |
||||||
|
} |
||||||
|
|
||||||
|
&:last-of-type { |
||||||
|
background: linear-gradient(90deg, #333333 0%, rgba(98, 98, 98, 0) 100%); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.preimg { |
||||||
|
width: 120px; |
||||||
|
height: 80px; |
||||||
|
} |
||||||
|
</style> |
Loading…
Reference in new issue