换系统
This commit is contained in:
@@ -1,14 +1,14 @@
|
||||
Component({
|
||||
properties: {
|
||||
list:Array
|
||||
},
|
||||
data: {},
|
||||
methods: {
|
||||
todetail(a) {
|
||||
console.log(a)
|
||||
wx.navigateTo({
|
||||
url: "/pages/product/product?shopid=" + a.currentTarget.dataset.id
|
||||
})
|
||||
}
|
||||
}
|
||||
Component({
|
||||
properties: {
|
||||
list:Array
|
||||
},
|
||||
data: {},
|
||||
methods: {
|
||||
todetail(a) {
|
||||
console.log(a)
|
||||
wx.navigateTo({
|
||||
url: "/pages/product/product?shopid=" + a.currentTarget.dataset.id
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
|
||||
}
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
|
||||
}
|
||||
}
|
||||
@@ -1,63 +1,63 @@
|
||||
.list {
|
||||
padding-left: 20rpx;
|
||||
width: 572rpx;
|
||||
box-sizing: border-box;
|
||||
height: 100vh;
|
||||
.commodity {
|
||||
width: 552rpx;
|
||||
// height: 143rpx;
|
||||
// margin-top: 32rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.content {
|
||||
width: 552rpx;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// box-shadow: 0 0 24rpx 0 rgba(227, 227, 227, 0.4);
|
||||
border-bottom: 2rpx solid #eaeaea;
|
||||
padding: 30rpx 0;
|
||||
.imgthumb {
|
||||
width: 105rpx;
|
||||
height: 105rpx;
|
||||
margin-left: 40rpx;
|
||||
background-color: #333;
|
||||
}
|
||||
.introduce {
|
||||
width: 336rpx;
|
||||
margin-left: 40rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.towline {
|
||||
overflow: hidden;
|
||||
|
||||
text-overflow: ellipsis;
|
||||
|
||||
display: -webkit-box;
|
||||
|
||||
-webkit-box-orient: vertical;
|
||||
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
> text {
|
||||
font-size: 22rpx;
|
||||
color: #333;
|
||||
margin-bottom: 22rpx;
|
||||
}
|
||||
> view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
> text:first-child {
|
||||
font-size: 30rpx;
|
||||
color: #dec499;
|
||||
}
|
||||
> text:last-child {
|
||||
font-size: 22rpx;
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.list {
|
||||
padding-left: 20rpx;
|
||||
width: 572rpx;
|
||||
box-sizing: border-box;
|
||||
height: 100vh;
|
||||
.commodity {
|
||||
width: 552rpx;
|
||||
// height: 143rpx;
|
||||
// margin-top: 32rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.content {
|
||||
width: 552rpx;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// box-shadow: 0 0 24rpx 0 rgba(227, 227, 227, 0.4);
|
||||
border-bottom: 2rpx solid #eaeaea;
|
||||
padding: 30rpx 0;
|
||||
.imgthumb {
|
||||
width: 105rpx;
|
||||
height: 105rpx;
|
||||
margin-left: 40rpx;
|
||||
background-color: #333;
|
||||
}
|
||||
.introduce {
|
||||
width: 336rpx;
|
||||
margin-left: 40rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.towline {
|
||||
overflow: hidden;
|
||||
|
||||
text-overflow: ellipsis;
|
||||
|
||||
display: -webkit-box;
|
||||
|
||||
-webkit-box-orient: vertical;
|
||||
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
> text {
|
||||
font-size: 22rpx;
|
||||
color: #333;
|
||||
margin-bottom: 22rpx;
|
||||
}
|
||||
> view {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
> text:first-child {
|
||||
font-size: 30rpx;
|
||||
color: #dec499;
|
||||
}
|
||||
> text:last-child {
|
||||
font-size: 22rpx;
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,38 +1,38 @@
|
||||
<scroll-view class="list" scroll-y="{{true}}" >
|
||||
<view class="commodity" bindtap="todetail" wx:for="{{list}}" wx:for-index="j" wx:key="{{j}}" data-id="{{item.goods_id}}">
|
||||
<view class="content">
|
||||
<image class="imgthumb " src="{{item.image}}"></image>
|
||||
<view class="introduce">
|
||||
<text class="towline">{{item.goods_name}}</text>
|
||||
<view>
|
||||
<text>¥{{item.shop_price}}</text>
|
||||
<text>加入购物车</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="commodity" bindtap="todetail">
|
||||
<view class="content">
|
||||
<image class="imgthumb "></image>
|
||||
<view class="introduce">
|
||||
<text>产品名称产品名称产品名称产品名称产品名称产品</text>
|
||||
<view>
|
||||
<text>¥657</text>
|
||||
<text>加入购物车</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="commodity" bindtap="todetail">
|
||||
<view class="content">
|
||||
<image class="imgthumb "></image>
|
||||
<view class="introduce">
|
||||
<text>产品名称产品名称产品名称产品名称产品名称产品</text>
|
||||
<view>
|
||||
<text>¥657</text>
|
||||
<text>加入购物车</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
<scroll-view class="list" scroll-y="{{true}}" >
|
||||
<view class="commodity" bindtap="todetail" wx:for="{{list}}" wx:for-index="j" wx:key="{{j}}" data-id="{{item.goods_id}}">
|
||||
<view class="content">
|
||||
<image class="imgthumb " src="{{item.image}}"></image>
|
||||
<view class="introduce">
|
||||
<text class="towline">{{item.goods_name}}</text>
|
||||
<view>
|
||||
<text>¥{{item.shop_price}}</text>
|
||||
<text>加入购物车</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="commodity" bindtap="todetail">
|
||||
<view class="content">
|
||||
<image class="imgthumb "></image>
|
||||
<view class="introduce">
|
||||
<text>产品名称产品名称产品名称产品名称产品名称产品</text>
|
||||
<view>
|
||||
<text>¥657</text>
|
||||
<text>加入购物车</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="commodity" bindtap="todetail">
|
||||
<view class="content">
|
||||
<image class="imgthumb "></image>
|
||||
<view class="introduce">
|
||||
<text>产品名称产品名称产品名称产品名称产品名称产品</text>
|
||||
<view>
|
||||
<text>¥657</text>
|
||||
<text>加入购物车</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</scroll-view>
|
||||
Reference in New Issue
Block a user