sileya-ai
/
vr-shopxo-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

细节优化

master
gongfuxiang 2021-11-03 00:05:15 +08:00
parent 64478d66ac
commit 1c67406414
12 changed files with 86 additions and 115 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
pages/plugins/activity/detail/detail.css
View File

@ -16,7 +16,7 @@
* 商品列表
*/
.data-list .item {
width: calc(50% - 50rpx);
width: calc(50% - 10rpx);
}
.data-list .item:nth-child(2n) {
float: right;
@ -24,7 +24,7 @@
.data-list .item:nth-child(2n+1) {
float: left;
}
.data-list .item image {
.data-list .item .goods-img {
width: 100%;
height: 380rpx !important;
}

6
pages/plugins/activity/detail/detail.vue
View File

@ -25,10 +25,10 @@
<navigator url="/pages/plugins/activity/index/index" hover-class="none" class="arrow-right padding-right-xxxl cr-gray fr">更多活动</navigator>
</view>
<view class="data-list oh">
<view v-for="(item, index) in data.goods_list" :key="index" class="item padding-main border-radius-main bg-white margin-bottom-main">
<view v-for="(item, index) in data.goods_list" :key="index" class="item padding-bottom-sm border-radius-main bg-white margin-bottom-main">
<navigator :url="'/pages/goods-detail/goods-detail?goods_id=' + item.id" hover-class="none">
<image :src="item.images" mode="aspectFit"></image>
<view class="margin-top-sm">
<image class="goods-img dis-block" :src="item.images" mode="aspectFit"></image>
<view class="padding-horizontal-main margin-top-sm">
<view class="multi-text">{{item.title}}</view>
<view class="single-text margin-top-sm">
<text v-if="(data_base.goods_detail_icon || null) != null" class="text-size-xs bg-red cr-white round padding-left-sm padding-right-sm padding-top-xs padding-bottom-xs" :style="'background-color:'+data.color+' !important;'">{{data_base.goods_detail_icon}}</text>

4
pages/plugins/points/index/index.css
View File

@ -37,7 +37,7 @@
* 商品列表
*/
.data-list .item {
width: calc(50% - 50rpx);
width: calc(50% - 10rpx);
}
.data-list .item:nth-child(2n) {
float: right;
@ -45,7 +45,7 @@
.data-list .item:nth-child(2n+1) {
float: left;
}
.data-list .item image {
.data-list .item .goods-img {
width: 100%;
height: 380rpx !important;
}

6
pages/plugins/points/index/index.vue
View File

@ -38,10 +38,10 @@
<navigator url="/pages/goods-search/goods-search" hover-class="none" class="arrow-right padding-right-xxxl cr-gray fr">更多</navigator>
</view>
<view class="data-list oh">
<view v-for="(item, index) in data_base.goods_exchange_data" :key="index" class="item padding-main border-radius-main bg-white margin-bottom-main">
<view v-for="(item, index) in data_base.goods_exchange_data" :key="index" class="item padding-bottom-sm border-radius-main bg-white margin-bottom-main">
<navigator :url="'/pages/goods-detail/goods-detail?goods_id=' + item.goods.id" hover-class="none">
<image :src="item.goods.images" mode="aspectFit"></image>
<view class="margin-top-sm">
<image class="goods-img dis-block" :src="item.goods.images" mode="aspectFit"></image>
<view class="padding-horizontal-main margin-top-sm">
<view class="multi-text">{{item.goods.title}}</view>
<view class="single-text original-price margin-top-sm">{{currency_symbol}}{{item.goods.price}}</view>
<view class="single-text">

85
pages/plugins/seckill/index/index.css
View File

@ -1,89 +1,8 @@
/**
* 签到
*/
.coming-container {
background-color: #f6b015;
padding: 80rpx 0 120rpx 0;
}
.coming-submit {
width: 200rpx;
height: 200rpx;
line-height: 200rpx;
background-color: #F37B1D;
color: #f8fb0b;
border: 12rpx solid #f9f420;
font-size: 62rpx;
}
.already-coming {
border: 12rpx solid #bebebe;
background-color: #ccc;
color: #9f9f9f;
}
.coming-tips-msg {
color: #ffe7b2;
}
.signin-user-menu-submit {
border: 1px solid #fff900;
color: #fffb62;
top: 20rpx;
right: 20rpx;
padding: 6rpx 20rpx;
}
.submit-container {
bottom: 20rpx;
right: 20rpx;
}
.submit-container button {
display: inline-flex;
}
.submit-container button:not(:first-child) {
margin-left: 20rpx;
}
.submit-container button.team-submit {
color: #5eb95e;
background-color: #E4F3E4;
border-color: #d2e8d2;
}
.submit-container button.share-submit {
color: #F37B1D;
background-color: #ffe5be;
border-color: #f8d093;
}
/**
* 签到成功提示
*/
.coming-tips-container {
position: fixed;
left: 0;
top: 0;
top: calc(88rpx + constant(safe-area-inset-top));
width: 100%;
height: 100%;
z-index: 1050;
background: rgb(0 0 0 / 0.6);
padding-top: 30%;
}
.coming-content {
max-width: 300px;
height: 305px;
margin: 0 auto;
position: relative;
}
.coming-content .icon-close-submit {
top: 5px;
right: 5px;
}
.coming-tips-container image {
max-width: 100%;
margin-top: 60rpx;
}
/**
* 商品列表
*/
.data-list .item {
width: calc(50% - 50rpx);
width: calc(50% - 10rpx);
}
.data-list .item:nth-child(2n) {
float: right;
@ -91,7 +10,7 @@
.data-list .item:nth-child(2n+1) {
float: left;
}
.data-list .item image {
.data-list .item .goods-img {
width: 100%;
height: 380rpx !important;
}

6
pages/plugins/seckill/index/index.vue
View File

@ -25,10 +25,10 @@
<!-- 商品 -->
<view v-if="goods.length > 0">
<view class="data-list oh">
<view v-for="(item, index) in goods" :key="index" class="item padding-main border-radius-main bg-white margin-bottom-main">
<view v-for="(item, index) in goods" :key="index" class="item padding-bottom-sm border-radius-main bg-white margin-bottom-main">
<navigator :url="'/pages/goods-detail/goods-detail?goods_id=' + item.id" hover-class="none">
<image :src="item.images" mode="aspectFit"></image>
<view class="margin-top-sm">
<image class="goods-img dis-block" :src="item.images" mode="aspectFit"></image>
<view class="padding-horizontal-main margin-top-sm">
<view class="multi-text">{{item.title}}</view>
<view class="single-text margin-top-sm">
<text v-if="time.status == 0 || time.status == 1" class="text-size-xs bg-red cr-white round padding-left-sm padding-right-sm padding-top-xs padding-bottom-xs">{{data_base.goods_detail_icon || '秒杀价'}}</text>

6
pages/plugins/shop/detail/detail.css
View File

@ -148,7 +148,7 @@
overflow: hidden;
}
.data-list .item {
width: calc(50% - 50rpx);
width: calc(50% - 10rpx);
}
.data-list .item:nth-child(2n) {
float: right;
@ -156,7 +156,7 @@
.data-list .item:nth-child(2n+1) {
float: left;
}
.data-list .item image {
.data-list .item .goods-img {
width: 100%;
height: 300rpx !important;
height: 380rpx !important;
}

6
pages/plugins/shop/detail/detail.vue
View File

@ -92,10 +92,10 @@
<view class="data-list padding-horizontal-main">
<block v-if="goods_list.length > 0">
<block v-for="(item, index) in goods_list" :key="index">
<view v-if="item.active != 0" class="item padding-main border-radius-main bg-white margin-bottom-main oh">
<view v-if="item.active != 0" class="item padding-bottom-sm border-radius-main bg-white margin-bottom-main oh">
<navigator :url="'/pages/goods-detail/goods-detail?goods_id=' + item.id" hover-class="none">
<image :src="item.images" mode="aspectFit"></image>
<view class="base margin-top tl">
<image class="goods-img dis-block" :src="item.images" mode="aspectFit"></image>
<view class="base padding-horizontal-main margin-top">
<view class="multi-text">{{item.title}}</view>
<view class="price margin-top">
<text class="sales-price">{{currency_symbol}}{{item.min_price}}</text>

6
pages/plugins/shop/search/search.css
View File

@ -27,7 +27,7 @@
overflow: hidden;
}
.data-list .item {
width: calc(50% - 50rpx);
width: calc(50% - 10rpx);
}
.data-list .item:nth-child(2n) {
float: right;
@ -35,9 +35,9 @@
.data-list .item:nth-child(2n+1) {
float: left;
}
.data-list .item image {
.data-list .item .goods-img {
width: 100%;
height: 300rpx !important;
height: 380rpx !important;
}
/**

62
pages/plugins/shop/search/search.vue
View File

@ -16,10 +16,10 @@
<!-- 列表 -->
<scroll-view :scroll-y="true" class="scroll-box" @scrolltolower="scroll_lower" lower-threshold="30">
<view v-if="data_list.length > 0" class="data-list padding-horizontal-main padding-top-main">
<view v-for="(item, index) in data_list" :key="index" class="item padding-main border-radius-main bg-white margin-bottom-main oh">
<view v-for="(item, index) in data_list" :key="index" class="item padding-bottom-sm border-radius-main bg-white margin-bottom-main oh">
<navigator :url="'/pages/goods-detail/goods-detail?goods_id=' + item.id" hover-class="none">
<image :src="item.images" mode="aspectFit"></image>
<view class="base margin-top tl">
<image class="goods-img dis-block" :src="item.images" mode="aspectFit"></image>
<view class="base padding-horizontal-main margin-top">
<view class="multi-text">{{item.title}}</view>
<view class="price margin-top">
<text class="sales-price">{{currency_symbol}}{{item.min_price}}</text>
@ -195,7 +195,7 @@
// 获取数据
init() {
// 获取数据
this.get_data_list();
this.get_data();
},
// 搜索
@ -205,6 +205,58 @@
data_page: 1
});
this.get_data_list(1);
},
// 初始化
get_data() {
uni.showLoading({
title: "加载中...",
mask: true
});
var post_data = this.request_map_handle();
uni.request({
url: app.globalData.get_request_url("index", "search", "shop"),
method: "POST",
data: post_data,
dataType: "json",
success: res => {
uni.hideLoading();
uni.stopPullDownRefresh();
if (res.data.code == 0) {
var data = res.data.data;
// 首次分类选中处理
var category = data.shop_goods_category || [];
if((this.params.category_id || 0) != 0 && category.length > 0) {
for(var i in category) {
category[i]['active'] = (category[i]['id'] == this.params.category_id) ? 1 : 0;
}
}
this.setData({
shop: data.shop || null,
search_map_info: data.search_map_info || [],
search_map_list: {
category_list: category
}
});
// 获取列表数据
this.get_data_list(1);
} else {
this.setData({
data_list_loding_status: 0
});
app.globalData.showToast(res.data.msg);
}
},
fail: () => {
uni.hideLoading();
uni.stopPullDownRefresh();
this.setData({
data_list_loding_status: 2
});
app.globalData.showToast("服务器请求出错");
}
});
},
// 获取数据列表
@ -224,7 +276,7 @@
});
var post_data = this.request_map_handle();
uni.request({
url: app.globalData.get_request_url("index", "search", "shop"),
url: app.globalData.get_request_url("datalist", "search", "shop"),
method: "POST",
data: post_data,
dataType: "json",

4
pages/plugins/signin/index-detail/index-detail.css
View File

@ -83,7 +83,7 @@
* 商品列表
*/
.data-list .item {
width: calc(50% - 50rpx);
width: calc(50% - 10rpx);
}
.data-list .item:nth-child(2n) {
float: right;
@ -91,7 +91,7 @@
.data-list .item:nth-child(2n+1) {
float: left;
}
.data-list .item image {
.data-list .item .goods-img {
width: 100%;
height: 380rpx !important;
}

6
pages/plugins/signin/index-detail/index-detail.vue
View File

@ -55,10 +55,10 @@
<navigator url="/pages/goods-search/goods-search" hover-class="none" class="arrow-right padding-right-xxxl cr-gray fr">更多</navigator>
</view>
<view class="data-list oh">
<view v-for="(item, index) in data.goods_list" :key="index" class="item padding-main border-radius-main bg-white margin-bottom-main">
<view v-for="(item, index) in data.goods_list" :key="index" class="item padding-bottom-sm border-radius-main bg-white margin-bottom-main">
<navigator :url="'/pages/goods-detail/goods-detail?goods_id=' + item.id" hover-class="none">
<image :src="item.images" mode="aspectFit"></image>
<view class="margin-top-sm">
<image class="goods-img dis-block" :src="item.images" mode="aspectFit"></image>
<view class="padding-horizontal-main margin-top-sm">
<view class="multi-text">{{item.title}}</view>
<view class="sales-price single-text margin-top-sm">{{currency_symbol}}{{item.min_price}}</view>
</view>