细节优化
parent
acf20edc8c
commit
e0ab3256c2
|
|
@ -33,20 +33,20 @@
|
|||
position: absolute;
|
||||
right: 0;
|
||||
transform: translate(50%, -50%);
|
||||
top: 0px;
|
||||
min-width: 14px;
|
||||
top: 0;
|
||||
min-width: 28rpx;
|
||||
padding: 0;
|
||||
height: 14px;
|
||||
line-height: 14px;
|
||||
height: 28rpx;
|
||||
line-height: 28rpx;
|
||||
text-align: center;
|
||||
background-color: #FF3B30;
|
||||
border-radius: 20px;
|
||||
border-radius: 40rpx;
|
||||
color: #fff;
|
||||
font-size: 10px;
|
||||
padding: 1px 1px;
|
||||
box-shadow: 0 0 5px rgb(0 0 0 / 60%);
|
||||
padding: 2rpx 2rpx;
|
||||
box-shadow: 0 0 10rpx rgb(0 0 0 / 60%);
|
||||
}
|
||||
.am-badge-text-max {
|
||||
padding: 1px 2px;
|
||||
padding: 2rpx 4rpx;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -30,7 +30,7 @@
|
|||
<text class="sales-price va-m">{{propCurrencySymbol}}{{item[propPriceField]}}</text>
|
||||
</view>
|
||||
<view v-if="(item.is_error || 0) == 0 && is_show_cart" class="pa bg-white right-cart-icon" :data-index="index" @tap.stop="goods_cart_event">
|
||||
<uni-icons type="plus" size="22" color="#1AAD19"></uni-icons>
|
||||
<uni-icons type="plus" size="46rpx" color="#1AAD19"></uni-icons>
|
||||
<view class="cart-badge-icon pa">
|
||||
<component-badge :propNumber="item.user_cart_count || 0"></component-badge>
|
||||
</view>
|
||||
|
|
@ -65,7 +65,7 @@
|
|||
<text class="sales-price va-m">{{propCurrencySymbol}}{{item[propPriceField]}}</text>
|
||||
</view>
|
||||
<view v-if="(item.is_error || 0) == 0 && is_show_cart" class="pa bg-white right-cart-icon" :data-index="index" @tap.stop="goods_cart_event">
|
||||
<uni-icons type="plus" size="22" color="#1AAD19"></uni-icons>
|
||||
<uni-icons type="plus" size="46rpx" color="#1AAD19"></uni-icons>
|
||||
<view class="cart-badge-icon pa">
|
||||
<component-badge :propNumber="item.user_cart_count || 0"></component-badge>
|
||||
</view>
|
||||
|
|
@ -104,7 +104,7 @@
|
|||
<text class="sales-price va-m">{{propCurrencySymbol}}{{item[propPriceField]}}</text>
|
||||
</view>
|
||||
<view v-if="(item.is_error || 0) == 0 && is_show_cart" class="pa bg-white right-cart-icon" :data-index="index" @tap.stop="goods_cart_event">
|
||||
<uni-icons type="plus" size="22" color="#1AAD19"></uni-icons>
|
||||
<uni-icons type="plus" size="46rpx" color="#1AAD19"></uni-icons>
|
||||
<view class="cart-badge-icon pa">
|
||||
<component-badge :propNumber="item.user_cart_count || 0"></component-badge>
|
||||
</view>
|
||||
|
|
|
|||
|
|
@ -170,7 +170,7 @@
|
|||
}
|
||||
.share-popup-content .share-items {
|
||||
padding: 30rpx 0;
|
||||
height: 85rpx;
|
||||
min-height: 85rpx;
|
||||
}
|
||||
.share-popup-content .share-items:not(:first-child) {
|
||||
border-top: 1px solid #f0f0f0;
|
||||
|
|
|
|||
|
|
@ -85,11 +85,11 @@
|
|||
<view v-if="common_site_type != 1" class="buy-opt tc pa">
|
||||
<block v-if="(item.is_error || 0) == 0">
|
||||
<view v-if="(item.buy_number || 0) > 0" class="dis-inline-block va-m cp" :data-index="index" data-type="0" @tap.stop="buy_number_event">
|
||||
<uni-icons type="minus" size="22" color="#f00"></uni-icons>
|
||||
<uni-icons type="minus" size="46rpx" color="#f00"></uni-icons>
|
||||
</view>
|
||||
<view v-if="(item.buy_number || 0) > 0" class="buy-number dis-inline-block cr-base text-size-sm padding-left-xs padding-right-xs va-m">{{item.buy_number}}</view>
|
||||
<view class="dis-inline-block va-m cp" :data-index="index" data-type="1" @tap.stop="buy_number_event">
|
||||
<uni-icons type="plus" size="22" color="#1AAD19"></uni-icons>
|
||||
<uni-icons type="plus" size="46rpx" color="#1AAD19"></uni-icons>
|
||||
</view>
|
||||
</block>
|
||||
<block v-else>
|
||||
|
|
@ -228,11 +228,11 @@
|
|||
<view class="tc fr">
|
||||
<block v-if="goods.is_error == 0">
|
||||
<view v-if="(goods.stock || 0) > 0" class="dis-inline-block va-m cp" :data-index="index" data-type="0" @tap.stop="cart_buy_number_event">
|
||||
<uni-icons type="minus" size="22" color="#f00"></uni-icons>
|
||||
<uni-icons type="minus" size="46rpx" color="#f00"></uni-icons>
|
||||
</view>
|
||||
<view v-if="(goods.stock || 0) > 0" class="buy-number dis-inline-block cr-base text-size-sm padding-left-xs padding-right-xs va-m">{{goods.stock}}</view>
|
||||
<view class="dis-inline-block va-m cp" :data-index="index" data-type="1" @tap.stop="cart_buy_number_event">
|
||||
<uni-icons type="plus" size="22" color="#1AAD19"></uni-icons>
|
||||
<uni-icons type="plus" size="46rpx" color="#1AAD19"></uni-icons>
|
||||
</view>
|
||||
</block>
|
||||
<block v-else>
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@
|
|||
<view class="margin-top-xs">
|
||||
<view v-if="item.is_error == 0">
|
||||
<view class="va-m dis-inline-block margin-right-xl pr" :data-index="index" @tap="goods_cart_event">
|
||||
<uni-icons type="cart" size="16" color="#999"></uni-icons>
|
||||
<uni-icons type="cart" size="46rpx" color="#999"></uni-icons>
|
||||
<view class="cart-badge-icon pa">
|
||||
<component-badge :propNumber="item.user_cart_count || 0"></component-badge>
|
||||
</view>
|
||||
|
|
|
|||
|
|
@ -27,10 +27,10 @@
|
|||
padding-bottom: 10px;
|
||||
}
|
||||
.nav-back {
|
||||
width: 30px;
|
||||
width: 60rpx;
|
||||
background: rgb(0 0 0 / 60%);
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
}
|
||||
.nav-search {
|
||||
width: calc(100% - 90rpx);
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
<!-- 返回 -->
|
||||
<!-- #ifdef MP-WEIXIN || MP-QQ || MP-KUAISHOU || H5 || APP -->
|
||||
<view v-if="is_realstore_top_nav_back == 1" class="nav-back dis-inline-block round tc va-m" @tap="top_nav_left_back_event">
|
||||
<uni-icons type="arrowleft" size="20" color="#fff"></uni-icons>
|
||||
<uni-icons type="arrowleft" size="46rpx" color="#fff"></uni-icons>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
<!-- 搜索 -->
|
||||
|
|
@ -150,11 +150,11 @@
|
|||
<view class="tc fr">
|
||||
<block v-if="(item.is_error || 0) == 0">
|
||||
<view v-if="(item.buy_number || 0) > 0" class="dis-inline-block va-m cp" :data-index="index" data-type="0" @tap.stop="buy_number_event">
|
||||
<uni-icons type="minus" size="22" color="#f00"></uni-icons>
|
||||
<uni-icons type="minus" size="46rpx" color="#f00"></uni-icons>
|
||||
</view>
|
||||
<view v-if="(item.buy_number || 0) > 0" class="buy-number dis-inline-block cr-base text-size-sm padding-left-xs padding-right-xs va-m">{{item.buy_number}}</view>
|
||||
<view class="dis-inline-block va-m cp" :data-index="index" data-type="1" @tap.stop="buy_number_event">
|
||||
<uni-icons type="plus" size="22" color="#1AAD19"></uni-icons>
|
||||
<uni-icons type="plus" size="46rpx" color="#1AAD19"></uni-icons>
|
||||
</view>
|
||||
</block>
|
||||
<block v-else>
|
||||
|
|
@ -186,7 +186,7 @@
|
|||
</view>
|
||||
<view class="fr cp" @tap="cart_all_delete_event">
|
||||
<view class="dis-inline-block va-m">
|
||||
<uni-icons type="trash" size="12" color="#f00"></uni-icons>
|
||||
<uni-icons type="trash" size="24rpx" color="#f00"></uni-icons>
|
||||
</view>
|
||||
<text class="cr-red va-m text-size-xs margin-left-xs">清空</text>
|
||||
</view>
|
||||
|
|
@ -209,11 +209,11 @@
|
|||
<view class="sales-price text-size-sm single-text dis-inline-block va-m">{{currency_symbol}}{{goods.price}}</view>
|
||||
<view class="tc fr">
|
||||
<view v-if="(goods.stock || 0) > 0" class="dis-inline-block va-m cp" :data-index="index" data-type="0" @tap.stop="cart_buy_number_event">
|
||||
<uni-icons type="minus" size="22" color="#f00"></uni-icons>
|
||||
<uni-icons type="minus" size="46rpx" color="#f00"></uni-icons>
|
||||
</view>
|
||||
<view v-if="(goods.stock || 0) > 0" class="buy-number dis-inline-block cr-base text-size-sm padding-left-xs padding-right-xs va-m">{{goods.stock}}</view>
|
||||
<view class="dis-inline-block va-m cp" :data-index="index" data-type="1" @tap.stop="cart_buy_number_event">
|
||||
<uni-icons type="plus" size="22" color="#1AAD19"></uni-icons>
|
||||
<uni-icons type="plus" size="46rpx" color="#1AAD19"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
|
|||
|
|
@ -3,9 +3,8 @@
|
|||
*/
|
||||
.nav-location {
|
||||
width: 200rpx;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
font-size: 12px;
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
}
|
||||
.nav-search {
|
||||
width: calc(100% - 210rpx);
|
||||
|
|
|
|||
|
|
@ -2,13 +2,13 @@
|
|||
<view>
|
||||
<view v-if="(data_base || null) != null">
|
||||
<!-- 顶部 -->
|
||||
<view class="bg-white padding-top-main padding-horizontal-main">
|
||||
<view class="bg-white padding-top-main padding-horizontal-main oh">
|
||||
<!-- 位置 -->
|
||||
<view class="nav-location dis-inline-block round single-text cr-base" @tap="choose_location_event">
|
||||
<view class="dis-inline-block va-m">
|
||||
<uni-icons type="map-pin-ellipse" size="12" color="#888"></uni-icons>
|
||||
<uni-icons type="map-pin-ellipse" size="24rpx" color="#888"></uni-icons>
|
||||
</view>
|
||||
<text class="va-m margin-left-xs">
|
||||
<text class="va-m margin-left-xs text-size-sm">
|
||||
<block v-if="(user_location || null) != null">{{user_location.name || user_location.address || ''}}</block>
|
||||
<block v-else>未选择位置</block>
|
||||
</text>
|
||||
|
|
@ -20,7 +20,7 @@
|
|||
</view>
|
||||
|
||||
<!-- 分类 -->
|
||||
<scroll-view v-if="(category || null) != null && category.length > 0" class="nav-base scroll-view-horizontal bg-white oh" scroll-x="true">
|
||||
<scroll-view v-if="(category || null) != null && category.length > 0" class="nav-base scroll-view-horizontal bg-white oh br-b" scroll-x="true">
|
||||
<view :class="'item cr-gray dis-inline-block padding-horizontal-main ' + (nav_active_value == 0 ? 'cr-main' : '')" @tap="nav_event" data-value="0">全部</view>
|
||||
<block v-for="(item, index) in category" :key="index">
|
||||
<view :class="'item cr-gray dis-inline-block padding-horizontal-main ' + (nav_active_value == item.id ? 'cr-main' : '')" @tap="nav_event" :data-value="item.id">{{item.name}}</view>
|
||||
|
|
@ -29,9 +29,9 @@
|
|||
|
||||
<!-- 列表 -->
|
||||
<scroll-view :scroll-y="true" class="scroll-box scroll-box-ece-nav" @scrolltolower="scroll_lower" lower-threshold="60">
|
||||
<block v-if="(data_list || null) != null && data_list.length > 0">
|
||||
<view v-if="(data_list || null) != null && data_list.length > 0" class="padding-top-main padding-horizontal-main">
|
||||
<component-realstore-list :propDataList="data_list" :propFavorUser="favor_user"></component-realstore-list>
|
||||
</block>
|
||||
</view>
|
||||
<view v-else>
|
||||
<!-- 提示信息 -->
|
||||
<component-no-data :propStatus="data_list_loding_status" :propMsg="data_list_loding_msg"></component-no-data>
|
||||
|
|
|
|||
Loading…
Reference in New Issue