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