Browse Source

美食、特产 样式调整

master
jiazhipeng 1 year ago
parent
commit
a00b032856
  1. 14
      subPackages/food/foodDetail.vue
  2. 6
      subPackages/techan/order.vue
  3. 2
      subPackages/techan/techanList.vue

14
subPackages/food/foodDetail.vue

@ -60,12 +60,12 @@
<view class="content"> <view class="content">
<view class="content-top flex-between"> <view class="content-top flex-between">
<view class="center"> <view class="center">
<view class="item-title text-overflowRows"> <view class="item-title text-overflow">
{{skuItem.title}} {{skuItem.title}}
</view> </view>
<image class="right" :src="showImg('/uploads/20240827/0e777c1006a15612a0d449178472fd13.png')" mode=""></image> <image class="right" :src="showImg('/uploads/20240827/0e777c1006a15612a0d449178472fd13.png')" mode=""></image>
</view> </view>
<view class="price">{{skuItem.money/100}}</view>
</view> </view>
<view class="content-bottom flex-between"> <view class="content-bottom flex-between">
<view class="tags"> <view class="tags">
@ -74,6 +74,10 @@
<text class="shu">|</text> <text class="shu">|</text>
</view> </view>
</view> </view>
</view>
<view class="content-bottom flex-between">
<view class="price">{{skuItem.money/100}}</view>
<view class="order" @click.stop="order(skuItem)">购买</view> <view class="order" @click.stop="order(skuItem)">购买</view>
</view> </view>
@ -327,7 +331,7 @@
.content { .content {
width: 580rpx; width: 580rpx;
padding: 20.67rpx 0 19.33rpx; padding: 10rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
@ -343,7 +347,7 @@
font-weight: bold; font-weight: bold;
font-size: 31rpx; font-size: 31rpx;
color: #000000; color: #000000;
max-width: 286rpx; max-width: 450rpx;
} }
.right { .right {
@ -379,7 +383,7 @@
.price { .price {
width: 133rpx; width: 133rpx;
text-align: center; // text-align: center;
font-family: PingFang; font-family: PingFang;
font-weight: bold; font-weight: bold;
font-size: 36rpx; font-size: 36rpx;

6
subPackages/techan/order.vue

@ -2,12 +2,14 @@
<!-- 解决滚动穿透 --> <!-- 解决滚动穿透 -->
<page-meta :page-style="'overflow:'+(popShow?'hidden':'visible')"></page-meta> <page-meta :page-style="'overflow:'+(popShow?'hidden':'visible')"></page-meta>
<view class="bg" v-if="info"> <view class="bg" v-if="info">
<view class="sendwayArea" :style="{'width': isPost==3?'340rpx':'100rpx'}" v-if="isPost>=1&&isPost<=3"> <view class="sendwayArea" :style="{'width': isPost==3?'340rpx':'170rpx'}" v-if="isPost>=1&&isPost<=3">
<view v-if="isPost==1||isPost==3" :class="['sendway-item',sendType==1?'active':'']" <view v-if="isPost==1||isPost==3" :class="['sendway-item',sendType==1?'active':'']"
@click="sendType=1" style="left: -2rpx;">邮寄配送</view> @click="sendType=1" style="left: -2rpx;">邮寄配送</view>
<view v-if="isPost==2||isPost==3" :class="['sendway-item',sendType==2?'active':'']" <view v-if="isPost==2||isPost==3" :class="['sendway-item',sendType==2?'active':'']"
@click="sendType=2" style="right: -2rpx;">到店自提</view> @click="sendType=2" style="right: -2rpx;">到店自提</view>
<!-- <view :class="['sendway-item',sendType==2?'active':'']" <!-- <view :class="['sendway-item',sendType==1?'active':'']"
@click="sendType=1" style="left: -2rpx;">邮寄配送</view>
<view :class="['sendway-item',sendType==2?'active':'']"
@click="sendType=2" style="right: -2rpx;">到店自提</view> --> @click="sendType=2" style="right: -2rpx;">到店自提</view> -->
</view> </view>

2
subPackages/techan/techanList.vue

@ -1,7 +1,7 @@
<template> <template>
<view class="bg"> <view class="bg">
<span class="iconfont topLeft" @click="goBack">&#xe660;</span> <span class="iconfont topLeft" @click="goBack">&#xe660;</span>
<img :src="showImg('/uploads/20240826/53bbad9d231e7e0eb2404efb0c0903f4.png')" class="topImg" /> <img :src="showImg('/uploads/20240924/4a580d7089dbdb07f830909c25f0f751.jpg')" class="topImg" />
<view class="box"> <view class="box">
<view class="item" v-for="item in list" :key="item.id" @click="viewDetail(item)"> <view class="item" v-for="item in list" :key="item.id" @click="viewDetail(item)">
<image class="item-img" :src="showImg(item.image)" mode=""></image> <image class="item-img" :src="showImg(item.image)" mode=""></image>

Loading…
Cancel
Save