dlh/shop_uniapp
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

准备制作本地生活购物车

Browse Source
This commit is contained in:
wangxiaowei 2024-10-23 17:47:16 +08:00
parent 92c78e8960
commit 6c4e0fe28e
3 changed files with 61 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
bundle/pages/user_spread/user_spread.vue
View File

@ -95,7 +95,7 @@
</u-field>
</view>
<view class="form-item open-shop">
<!-- <view class="form-item open-shop">
<u-checkbox @change="changeOpenShop" v-model="open_shop" shape="circle">
<text style="font-size: 28rpx;">是否开店</text>
</u-checkbox>
@ -121,7 +121,7 @@
<view>￥100</view>
</view>
</view>
</view>
</view> -->
<view class="form-item">
<u-field v-model="reason" :label-width="150" type="textarea" label="申请原因："

16
bundle_b/pages/local_shop/local_shop_buy.vue
View File

@ -5,7 +5,7 @@
</view>
<view class="m-b-20">
<u-swiper :list="file" height="750" border-radius="0" mode="number"></u-swiper>
<u-swiper :list="file" height="750" border-radius="0" mode="number" @click="preview"></u-swiper>
</view>
<view class="info">
@ -141,6 +141,7 @@
if (code == 1) {
this.data = data
this.shop_original_price = data.original_price || 0
this.file = data.pic.map((item) => {
return {
image: item.url
@ -209,6 +210,19 @@
path: `/bundle_b/pages/local_shop/local_shop_buy?id=${this.id}&lstore_id=${this.lstore_id}`,
imageUrl: this.data.pic[0].url
}
},
preview(i) {
console.log('i=', i)
console.log('i=', this.file)
let f = this.file.map((item) => {
return item.image
})
console.log('f=',f)
uni.previewImage({
current: i,
urls: f
});
}
}
}

53
bundle_b/pages/local_shop/local_shop_detail.vue
View File

@ -25,7 +25,6 @@
</view>
<view class="info">
<view class="head flex">
<u-image :src="info.shopLogo" :width="width" :height="width" :border-radius="10"></u-image>
<view class="m-l-20 name bold">{{info.shopName}}</view>
@ -86,17 +85,30 @@
<view class="shop-name line-1">
{{item.title}}
</view>
<view class="p-l-10 p-t-10 p-b-10">
<price-format :color="colorConfig.primary" class="m-r-10" :first-size="34" :second-size="26"
:subscript-size="26" :price="item.price" :weight="500"></price-format>
<!-- 划线价 -->
<price-format v-if="item.original_price" class="line-through m-l-10"
:price="item.original_price" :color="colorConfig.muted" :first-ize="24"
:second-ize="24" :subscript-ize="24" />
<view class="flex row-between">
<view class="p-l-10 p-t-10 p-b-10">
<price-format :color="colorConfig.primary" class="m-r-10" :first-size="34" :second-size="26"
:subscript-size="26" :price="item.price" :weight="500"></price-format>
<!-- 划线价 -->
<price-format v-if="item.original_price" class="line-through m-l-10"
:price="item.original_price" :color="colorConfig.muted" :first-ize="24"
:second-ize="24" :subscript-ize="24" />
</view>
<!-- <view class="p-r-10 p-t-10 p-b-10">
<view v-if="item.is_multiple_spec == 0">
<u-icon name="plus-circle-fill" size="48" color="#FF2C3C"></u-icon>
</view>
<view v-if="item.is_multiple_spec == 1" class="sel-spec">选规格</view>
</view> -->
</view>
</router-link>
</view>
</view>
<!-- <view class="footer">
</view> -->
</view>
</mescroll-uni>
</template>
@ -133,7 +145,8 @@
fixed: false
},
toTop: {
offset: 100
offset: 100,
bottom: 300
}
},
shopWidth: '346rpx',
@ -350,4 +363,26 @@
color: $-color-primary;
}
}
.sel-spec {
background-color: #FF2C3C;
color: #fff;
border-radius: 20rpx;
width: 100rpx;
text-align: center;
font-size: 24rpx;
padding: 10rpx;
}
.footer {
width: 80%;
position: fixed;
bottom: calc(80rpx + env(safe-area-inset-bottom));
left: 50%;
transform: translateX(-50%);
color: #fff;
background-color: #FF2C3C;
padding: 20rpx;
border-radius: 20rpx;
}
</style>