other_project/mallplus
7
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

2023-02-14

Browse Source
This commit is contained in:
guoxing
2023-02-14 18:08:53 +08:00
parent f1f50479f8
commit 8aa0d13924
11 changed files with 315 additions and 574 deletions
Download Patch File Download Diff File Expand all files Collapse all files

260
mallplusui-uniapp-app/pages/index/index.vue
View File

@@ -33,28 +33,28 @@
</view>
<!-- 分类 -->
<view class="cate-section">
<view class="cate-item" @click="navToTabPage('../../pagesA/product/groupActivityList')">
<view class="cate-item" @click="navToTabPage('../../pagesA/product/list?isFenxiao=1')">
<image src="/static/temp//antFill-gift.png"></image>
<text>惠农套餐</text>
<text>农业物资</text>
</view>
<view class="cate-item" @click="navToTabPage('../../pagesA/product/list?isVip=1')">
<image src="/static/temp/fasfausers.png"></image>
<text>生活物资</text>
</view>
<view class="cate-item" @click="navToTabPage('../../pagesA/product/groupList')">
<image src="/static/temp/fasfausers.png"></image>
<image src="/static/temp/fabfa-dropbox.png"></image>
<text>拼团特价</text>
</view>
<view class="cate-item" @click="navToTabPage('../../pagesA/product/giftList')">
<image src="/static/temp/fabfa-dropbox.png"></image>
<text>税分兑换</text>
<view class="cate-item" @click="navToTabPage('/pagesU/notice/subjectList')">
<image src="/static/temp/antFill-home.png"></image>
<text>农机服务</text>
</view>
<view class="cate-item" @click="navToTabPage('/pages/index/secskill')">
<image src="/static/temp/fasfa-history.png"></image>
<text>限时抢购</text>
</view>
<view class="cate-item" @click="navToTabPage('../../pagesA/build/communityList')">
<!-- <view class="cate-item" @click="navToTabPage('../../pagesA/build/communityList')">
<image src="/static/temp/antFill-home.png"></image>
<text>农村社区</text>
</view>
</view> -->
</view>
<view class="cate-section">
<!-- <view class="cate-section">
<view class="cate-item" @click="navToTabPage('../../pagesA/product/list?isFenxiao=1')">
<image src="/static/temp/fasfa-sitemap.png"></image>
<text>分销商品</text>
@@ -75,7 +75,7 @@
<image src="/static/temp/fasfa-street.png"></image>
<text>卖家中心</text>
</view>
</view>
</view> -->
<!-- 秒杀楼层 https://s.click.taobao.com/Wds7c1w -->
<view class="seckill-section m-t"
@@ -204,7 +204,11 @@
<image :src="item.pic" mode="aspectFill"></image>
</view>
<text class="title clamp">{{ item.productName }}</text>
<text class="price">￥{{ item.price }}</text>
<view>
<text class="price">惠农价￥{{ item.price }}</text>
<text class="m-price"> 县区商超价￥{{ item.price }}</text>
</view>
</view>
@@ -226,7 +230,10 @@
<image :src="item.pic" mode="aspectFill"></image>
</view>
<text class="title clamp">{{ item.name }}</text>
<text class="price">￥{{ item.price }}</text>
<view>
<text class="price">惠农价￥{{ item.price }}</text>
<text class="m-price">县区商超价￥{{ item.price }}</text>
</view>
</view>
@@ -247,8 +254,8 @@
<image :src="item.pic" mode="aspectFill"></image>
</view>
<text class="title clamp">{{ item.name }}</text>
<text class="price">￥{{ item.price }}</text>
<text>【{{ item.storeName }}】</text>
<text class="label">【{{ item.storeName }}】</text>
<text class="price">惠农价￥{{ item.price }}</text>
</view>
<uni-load-more :status="loadingType"></uni-load-more>
</view>
@@ -318,7 +325,7 @@
},
onShareAppMessage() {},
onLoad(ops) {
let isWeiXin = this.$common.isWeiXinBrowser();
this.getNewProductList('refresh');
if (ops.invitecode) {
@@ -454,8 +461,8 @@
async homeNewProduct() {
let params = {};
let groupHotGoodsList = await Api.apiCall('get', Api.index.homeNewProduct, params);
console.log(groupHotGoodsList)
if (groupHotGoodsList) {
console.log("新品推荐》》》》》",groupHotGoodsList.records)
this.homeNewProductList = groupHotGoodsList.records;
}
@@ -467,6 +474,7 @@
async homeRecommendProduct() {
let params = {};
let groupHotGoodsList = await Api.apiCall('get', Api.index.homeRecommendProduct, params);
console.log("人气推荐》》》》》",groupHotGoodsList.records)
this.homeRecommendProductList = groupHotGoodsList.records;
},
/**
@@ -491,7 +499,7 @@
let data = await Api.apiCall('get', Api.index.bannerList, params);
console.log("1111111", data)
if (data) {
console.log("122》》》》》》》》》》》》》》》》》》》》", data)
console.log("122》》》》》》》》》》》》》》》》》》》》", data)
this.carouselList = data || [];
this.swiperLength = this.carouselList.length;
this.titleNViewBackground = 'rgb(203, 87, 60)';
@@ -507,7 +515,7 @@
let data = await Api.apiCall('get', Api.index.selectNotRecive, params);
if (data) {
console.log("优惠券")
console.log("优惠券",data)
console.log("优惠券", data)
this.couponList = data || [];
}
},
@@ -1027,6 +1035,13 @@
.price {
color: $uni-color-primary;
}
.m-price {
font-size: $font-sm + 2upx;
text-decoration: line-through;
color: $font-color-light;
margin-left: 8upx;
}
}
}
@@ -1147,192 +1162,6 @@
}
}
/* 分类推荐楼层 */
.hot-floor {
width: 100%;
overflow: hidden;
margin-bottom: 20upx;
.floor-img-box {
width: 100%;
height: 320upx;
position: relative;
&:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(rgba(255, 255, 255, 0.06) 30%, #f8f8f8);
}
}
.floor-img {
width: 100%;
height: 100%;
}
.floor-list {
white-space: nowrap;
padding: 20upx;
padding-right: 50upx;
border-radius: 6upx;
margin-top: -140upx;
margin-left: 30upx;
background: #fff;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
position: relative;
z-index: 1;
}
.scoll-wrapper {
display: flex;
align-items: flex-start;
}
.floor-item {
width: 180upx;
margin-right: 20upx;
font-size: $font-sm + 2upx;
color: $font-color-dark;
line-height: 1.8;
image {
width: 180upx;
height: 180upx;
border-radius: 6upx;
}
.price {
color: $uni-color-primary;
}
}
.more {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
flex-shrink: 0;
width: 180upx;
height: 180upx;
border-radius: 6upx;
background: #f3f3f3;
font-size: $font-base;
color: $font-color-light;
text:first-child {
margin-bottom: 4upx;
}
}
}
/* 单条商品 */
.goods-box-single {
display: flex;
padding: 20upx 0;
.goods-img {
display: block;
width: 120upx;
height: 120upx;
}
.right {
flex: 1;
display: flex;
flex-direction: column;
padding: 0 30upx 0 24upx;
overflow: hidden;
.title {
font-size: $font-base + 2upx;
color: $font-color-dark;
line-height: 1;
}
.attr-box {
font-size: $font-sm + 2upx;
color: $font-color-light;
padding: 10upx 12upx;
}
.price {
font-size: $font-base + 2upx;
color: $font-color-dark;
&:before {
content: '￥';
font-size: $font-sm;
margin: 0 2upx 0 8upx;
}
}
}
}
.price-box {
display: flex;
justify-content: flex-end;
align-items: baseline;
padding: 20upx 30upx;
font-size: $font-sm + 2upx;
color: $font-color-light;
.num {
margin: 0 8upx;
color: $font-color-dark;
}
.price {
font-size: $font-lg;
color: $font-color-dark;
&:before {
content: '￥';
font-size: $font-sm;
margin: 0 2upx 0 8upx;
}
}
}
.action-box {
display: flex;
justify-content: flex-end;
align-items: center;
height: 100upx;
position: relative;
padding-right: 30upx;
}
.action-btn {
width: 160upx;
height: 60upx;
margin: 0;
margin-left: 24upx;
padding: 0;
text-align: center;
line-height: 60upx;
font-size: $font-sm + 2upx;
color: $font-color-dark;
background: #fff;
border-radius: 100px;
&:after {
border-radius: 100px;
}
&.recom {
background: #fff9f9;
color: $base-color;
&:after {
border-color: #f7bcc8;
}
}
}
/* 猜你喜欢 */
.guess-section {
display: flex;
@@ -1370,12 +1199,25 @@
line-height: 80upx;
}
.label {
margin-top: -10upx;
font-size: 30upx;
margin-left: -13upx;
}
.price {
font-size: $font-lg;
font-size: 18px;
color: $uni-color-primary;
line-height: 1;
}
.m-price {
font-size: $font-sm + 2upx;
text-decoration: line-through;
color: $font-color-light;
margin-left: 8upx;
}
.coupon_box {
width: 100%;
height: auto;