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

4
mallplusui-uniapp-app/manifest.json
View File

@@ -19,7 +19,9 @@
"Share" : {}, "Share" : {},
"Contacts" : {}, "Contacts" : {},
"iBeacon" : {}, "iBeacon" : {},
"Maps" : {} "Maps" : {},
"Camera" : {},
"Barcode" : {}
}, },
"distribute" : { "distribute" : {
"android" : { "android" : {

13
mallplusui-uniapp-app/pages.json
View File

@@ -757,12 +757,13 @@
}, { }, {
"path": "notice/subjectList", "path": "notice/subjectList",
"style": { "style": {
"navigationBarTitleText": "秒杀列表", "navigationBarTitleText": "农机服务",
"app-plus": { "enablePullDownRefresh": true
"titleNView": { // "app-plus": {
"type": "transparent" // "titleNView": {
} // "type": "transparent"
} // }
// }
} }
}, { }, {
"path": "notice/subjectDetail", "path": "notice/subjectDetail",

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

@@ -33,28 +33,28 @@
</view> </view>
<!-- 分类 --> <!-- 分类 -->
<view class="cate-section"> <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> <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>
<view class="cate-item" @click="navToTabPage('../../pagesA/product/groupList')"> <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> <text>拼团特价</text>
</view> </view>
<view class="cate-item" @click="navToTabPage('../../pagesA/product/giftList')"> <view class="cate-item" @click="navToTabPage('/pagesU/notice/subjectList')">
<image src="/static/temp/fabfa-dropbox.png"></image> <image src="/static/temp/antFill-home.png"></image>
<text>税分兑换</text> <text>农机服务</text>
</view> </view>
<view class="cate-item" @click="navToTabPage('/pages/index/secskill')"> <!-- <view class="cate-item" @click="navToTabPage('../../pagesA/build/communityList')">
<image src="/static/temp/fasfa-history.png"></image>
<text>限时抢购</text>
</view>
<view class="cate-item" @click="navToTabPage('../../pagesA/build/communityList')">
<image src="/static/temp/antFill-home.png"></image> <image src="/static/temp/antFill-home.png"></image>
<text>农村社区</text> <text>农村社区</text>
</view> </view> -->
</view> </view>
<view class="cate-section"> <!-- <view class="cate-section">
<view class="cate-item" @click="navToTabPage('../../pagesA/product/list?isFenxiao=1')"> <view class="cate-item" @click="navToTabPage('../../pagesA/product/list?isFenxiao=1')">
<image src="/static/temp/fasfa-sitemap.png"></image> <image src="/static/temp/fasfa-sitemap.png"></image>
<text>分销商品</text> <text>分销商品</text>
@@ -75,7 +75,7 @@
<image src="/static/temp/fasfa-street.png"></image> <image src="/static/temp/fasfa-street.png"></image>
<text>卖家中心</text> <text>卖家中心</text>
</view> </view>
</view> </view> -->
<!-- 秒杀楼层 https://s.click.taobao.com/Wds7c1w --> <!-- 秒杀楼层 https://s.click.taobao.com/Wds7c1w -->
<view class="seckill-section m-t" <view class="seckill-section m-t"
@@ -204,7 +204,11 @@
<image :src="item.pic" mode="aspectFill"></image> <image :src="item.pic" mode="aspectFill"></image>
</view> </view>
<text class="title clamp">{{ item.productName }}</text> <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> </view>
@@ -226,7 +230,10 @@
<image :src="item.pic" mode="aspectFill"></image> <image :src="item.pic" mode="aspectFill"></image>
</view> </view>
<text class="title clamp">{{ item.name }}</text> <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> </view>
@@ -247,8 +254,8 @@
<image :src="item.pic" mode="aspectFill"></image> <image :src="item.pic" mode="aspectFill"></image>
</view> </view>
<text class="title clamp">{{ item.name }}</text> <text class="title clamp">{{ item.name }}</text>
<text class="price">￥{{ item.price }}</text> <text class="label">【{{ item.storeName }}】</text>
<text>【{{ item.storeName }}】</text> <text class="price">惠农价￥{{ item.price }}</text>
</view> </view>
<uni-load-more :status="loadingType"></uni-load-more> <uni-load-more :status="loadingType"></uni-load-more>
</view> </view>
@@ -454,8 +461,8 @@
async homeNewProduct() { async homeNewProduct() {
let params = {}; let params = {};
let groupHotGoodsList = await Api.apiCall('get', Api.index.homeNewProduct, params); let groupHotGoodsList = await Api.apiCall('get', Api.index.homeNewProduct, params);
console.log(groupHotGoodsList)
if (groupHotGoodsList) { if (groupHotGoodsList) {
console.log("新品推荐》》》》》",groupHotGoodsList.records)
this.homeNewProductList = groupHotGoodsList.records; this.homeNewProductList = groupHotGoodsList.records;
} }
@@ -467,6 +474,7 @@
async homeRecommendProduct() { async homeRecommendProduct() {
let params = {}; let params = {};
let groupHotGoodsList = await Api.apiCall('get', Api.index.homeRecommendProduct, params); let groupHotGoodsList = await Api.apiCall('get', Api.index.homeRecommendProduct, params);
console.log("人气推荐》》》》》",groupHotGoodsList.records)
this.homeRecommendProductList = groupHotGoodsList.records; this.homeRecommendProductList = groupHotGoodsList.records;
}, },
/** /**
@@ -491,7 +499,7 @@
let data = await Api.apiCall('get', Api.index.bannerList, params); let data = await Api.apiCall('get', Api.index.bannerList, params);
console.log("1111111", data) console.log("1111111", data)
if (data) { if (data) {
console.log("122》》》》》》》》》》》》》》》》》》》》", data) console.log("122》》》》》》》》》》》》》》》》》》》》", data)
this.carouselList = data || []; this.carouselList = data || [];
this.swiperLength = this.carouselList.length; this.swiperLength = this.carouselList.length;
this.titleNViewBackground = 'rgb(203, 87, 60)'; this.titleNViewBackground = 'rgb(203, 87, 60)';
@@ -507,7 +515,7 @@
let data = await Api.apiCall('get', Api.index.selectNotRecive, params); let data = await Api.apiCall('get', Api.index.selectNotRecive, params);
if (data) { if (data) {
console.log("优惠券") console.log("优惠券")
console.log("优惠券",data) console.log("优惠券", data)
this.couponList = data || []; this.couponList = data || [];
} }
}, },
@@ -1027,6 +1035,13 @@
.price { .price {
color: $uni-color-primary; 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 { .guess-section {
display: flex; display: flex;
@@ -1370,12 +1199,25 @@
line-height: 80upx; line-height: 80upx;
} }
.label {
margin-top: -10upx;
font-size: 30upx;
margin-left: -13upx;
}
.price { .price {
font-size: $font-lg; font-size: 18px;
color: $uni-color-primary; color: $uni-color-primary;
line-height: 1; line-height: 1;
} }
.m-price {
font-size: $font-sm + 2upx;
text-decoration: line-through;
color: $font-color-light;
margin-left: 8upx;
}
.coupon_box { .coupon_box {
width: 100%; width: 100%;
height: auto; height: auto;

7
mallplusui-uniapp-app/pagesA/build/community.vue
View File

@@ -40,14 +40,15 @@
<image src="/static/temp/fasfausers.png"></image> <image src="/static/temp/fasfausers.png"></image>
<text>社区团购</text> <text>社区团购</text>
</view> </view>
<view class="cate-item" @click="navToTabPage('/pages/category/areaGoods')"> <!-- <view class="cate-item" @click="navToTabPage('/pages/category/areaGoods')"> -->
<view class="cate-item" @click="navToTabPage('/pages/index/lease')">
<image src="/static/temp/fasfa-truck.png"></image> <image src="/static/temp/fasfa-truck.png"></image>
<text>社区特供</text> <text>社区特供</text>
</view> </view>
<!-- <view class="cate-item" @click="navToTabPage('../../pagesA/product/paiMaiList')"> --> <!-- <view class="cate-item" @click="navToTabPage('../../pagesA/product/paiMaiList')"> -->
<view class="cate-item" @click="navToTabPage('/pages/index/lease')"> <view class="cate-item" @click="navToTabPage('/pagesU/notice/subjectList')">
<image src="/static/temp/c8.png"></image> <image src="/static/temp/c8.png"></image>
<text>农机租赁</text> <text>农机服务</text>
</view> </view>
</view> </view>

8
mallplusui-uniapp-app/pagesA/product/product.vue
View File

@@ -11,12 +11,12 @@
<view class="introduce-section"> <view class="introduce-section">
<text class="title">{{ goods.name }}</text> <text class="title">{{ goods.name }}</text>
<view class="price-box"> <view class="price-box">
<text class="price-tip">¥</text> <!-- <text class="price-tip">惠农价</text> -->
<text class="price" v-if="goods.vipPrice && goods.vipPrice > 0">{{ (goods.price * goods.memberRate) / 10 }}</text> <text class="price" v-if="goods.vipPrice && goods.vipPrice > 0">惠农价¥{{ (goods.price * goods.memberRate) / 10 }}</text>
<text class="price" v-else-if="!goods.vipPrice">{{ goods.price }}</text> <text class="price" v-else-if="!goods.vipPrice">惠农价¥{{ goods.price }}</text>
<text class="m-price" v-if="!goods.vipPrice">县区商超价{{ goods.originalPrice }}</text> <text class="m-price" v-if="!goods.vipPrice">县区商超价{{ goods.originalPrice }}</text>
<text class="m-price" v-else-if="goods.vipPrice && goods.vipPrice > 0">¥{{ goods.price }}</text> <text class="m-price" v-else-if="goods.vipPrice && goods.vipPrice > 0">¥{{ goods.price }}</text>
<text class="price" v-if="goods.isFenxiao == 1 && goods.fenxiaoPrice > 0">节省 ¥{{ goods.fenxiaoPrice }}</text> <text class="price">优惠¥{{ goods.originalPrice- goods.price }}</text>
<text class="coupon-tip" v-if="goods.memberRate && goods.memberRate != 10">会员折扣{{ goods.memberRate }}折</text> <text class="coupon-tip" v-if="goods.memberRate && goods.memberRate != 10">会员折扣{{ goods.memberRate }}折</text>
</view> </view>
<view class="bot-row"> <view class="bot-row">

558
mallplusui-uniapp-app/pagesU/notice/subjectList.vue
View File

@@ -1,31 +1,25 @@
<template> <template>
<view class="content"> <view class="content">
<view class="navbar" :style="{ position: headerPosition, top: headerTop }">
<view class="nav-item" v-for="(item, index) in cateList" :key="index" :class="{ current: filterIndex === item.id }" @click="tabClick(item.id)">{{item.name}}</view>
</view>
<view class="goods-list"> <view class="goods-list">
<view v-for="(item, index) in goodsList" :key="index" class="goods-item" @click="navToDetailPage(item)"> <view v-for="(item, index) in goodsList" :key="index" class="goods-item" @click="navToDetailPage(item)">
<view class="image-wrapper"><image :src="item.pic" mode="aspectFill"></image></view> <view class="listcard">
<text class="title clamp">{{ item.title }}</text> <view class="listcard-image">
<view class="price-box"> <image :src="item.pic" mode="aspectFill"></image>
<text>收藏量 {{ item.collectCount }}</text> </view>
<text>浏览量 {{ item.readCount }}</text> <view class="listcard-content">
</view> <view class="listcard-content_title">
</view> <text>{{item.title}}</text>
</view> <text class="listcard-content_title_text">发布时间：{{item.createTime | formatCreateTime}}</text>
<uni-load-more :status="loadingType"></uni-load-more> </view>
<view class="listcard-content_des">
<view class="cate-mask" :class="cateMaskState === 0 ? 'none' : cateMaskState === 1 ? 'show' : ''" @click="toggleCateMask"> <view class="listcard-content_des-label">
<view class="cate-content" @click.stop.prevent="stopPrevent" @touchmove.stop.prevent="stopPrevent"> <view class="listcard-content_des-label-item">收藏{{item.collectCount}}</view>
<scroll-view scroll-y class="cate-list"> </view>
<view v-for="item in cateList" :key="item.id"> <view class="listcard-content_des-browe">浏览{{item.readCount}}</view>
<view class="cate-item b-b two">{{ item.name }}</view>
<view v-for="tItem in item.child" :key="tItem.id" class="cate-item b-b" :class="{ active: tItem.id == cateId }" @click="changeCate(tItem)">
{{ tItem.name }}
</view> </view>
</view> </view>
</scroll-view> </view>
</view> </view>
</view> </view>
@@ -33,339 +27,239 @@
</template> </template>
<script> <script>
import mallplusCopyright from '@/components/mall-copyright/mallplusCopyright.vue'; import Api from '@/common/api';
import Api from '@/common/api'; import {
import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue'; formatDate
export default { } from '@/common/date';
components: {
mallplusCopyright,
uniLoadMore
},
data() {
return {
cateMaskState: 0, //分类面板展开状态
headerPosition: 'fixed',
headerTop: '0px',
categoryId: '',
loadingType: 'more', //加载更多状态
filterIndex: 0,
cateId: 0, //已选三级分类id
pageNum: 1,
cid: null,
priceOrder: 0, //1 价格从低到高 2价格从高到低
cateList: [],
goodsList: []
};
},
onLoad(options) { export default {
// #ifdef H5 data() {
this.headerTop = document.getElementsByTagName('uni-page-head')[0].offsetHeight + 'px'; return {
// #endif pageNum: 1,
goodsList: []
this.cateId = options.sid; };
this.loadCateList(options.fid, options.sid);
this.loadData();
},
onPageScroll(e) {
//兼容iOS端下拉时顶部漂移
if (e.scrollTop >= 0) {
this.headerPosition = 'fixed';
} else {
this.headerPosition = 'absolute';
}
},
//下拉刷新
onPullDownRefresh() {
this.pageNum = this.pageNum + 1;
this.loadData('refresh');
},
//加载更多
onReachBottom() {
this.pageNum = this.pageNum + 1;
this.loadData();
},
methods: {
//加载分类
async loadCateList() {
let params = {'showStatus':1};
let list = await Api.apiCall('get', Api.cms.subjectCategoryList, params);
this.cateList = list.records;
}, },
//加载商品 ，带下拉刷新和上滑加载
async loadData(type = 'add', loading) {
//没有更多直接返回
if (type === 'add') {
if (this.loadingType === 'nomore') {
return;
}
this.loadingType = 'loading';
} else {
this.loadingType = 'more';
}
let params;
if (this.categoryId) { onLoad(options) {
params = { pageNum: this.pageNum, categoryId: this.categoryId }; // #ifdef H5
} else { this.headerTop = document.getElementsByTagName('uni-page-head')[0].offsetHeight + 'px';
params = { pageNum: this.pageNum }; // #endif
}
let list = await Api.apiCall('get', Api.cms.subjectList, params); this.loadData();
let goodsList = list.records; },
// let goodsList = await this.$api.json('goodsList'); onPageScroll(e) {
if (type === 'refresh') { //兼容iOS端下拉时顶部漂移
this.goodsList = []; // if (e.scrollTop >= 0) {
} // this.headerPosition = 'fixed';
// } else {
// this.headerPosition = 'absolute';
this.goodsList = this.goodsList.concat(goodsList); // }
},
//判断是否还有下一页，有是more 没有是nomore(测试数据判断大于20就没有了) //下拉刷新
this.loadingType = this.goodsList.length > list.total ? 'nomore' : 'more'; onPullDownRefresh() {
if (type === 'refresh') { // this.pageNum = this.pageNum + 1;
if (loading == 1) { this.loadData('refresh');
uni.hideLoading(); },
//加载更多
onReachBottom() {
this.pageNum = this.pageNum + 1;
this.loadData();
},
filters: {
formatCreateTime(time) {
let date = new Date(time);
return formatDate(date, 'yyyy-MM-dd hh:mm:ss')
},
},
methods: {
//加载商品 ，带下拉刷新和上滑加载
async loadData(type = 'add', loading) {
//没有更多直接返回
if (type === 'add') {
if (this.loadingType === 'nomore') {
return;
}
this.loadingType = 'loading';
} else { } else {
uni.stopPullDownRefresh(); this.loadingType = 'more';
} }
} let params = {
}, pageNum: this.pageNum,
//筛选点击 categoryId: 38
tabClick(index) { };
console.log('tab='+index);
this.pageNum = 1;
this.categoryId = index;
uni.pageScrollTo({ let list = await Api.apiCall('get', Api.cms.subjectList, params);
duration: 300, let goodsList = list.records;
scrollTop: 0 // let goodsList = await this.$api.json('goodsList');
}); if (type === 'refresh') {
this.loadData('refresh', 1); this.goodsList = [];
}
}, this.goodsList = this.goodsList.concat(goodsList);
//显示分类面板
toggleCateMask(type) {
let timer = type === 'show' ? 10 : 300;
let state = type === 'show' ? 1 : 0;
this.cateMaskState = 2;
setTimeout(() => {
this.cateMaskState = state;
}, timer);
},
//分类点击
changeCate(item) {
this.pageNum = 1;
this.cateId = item.id;
this.toggleCateMask();
uni.pageScrollTo({
duration: 300,
scrollTop: 0
});
this.loadData('refresh', 1);
}, //判断是否还有下一页，有是more 没有是nomore(测试数据判断大于20就没有了)
//详情 this.loadingType = this.goodsList.length > list.total ? 'nomore' : 'more';
navToDetailPage(item) { if (type === 'refresh') {
//测试数据没有写id，用title代替 if (loading == 1) {
let id = item.id; uni.hideLoading();
let groupId = item.groupId; } else {
uni.navigateTo({ uni.stopPullDownRefresh();
url: `../../pagesU/notice/subjectDetail?id=${id}` }
}); }
}, },
stopPrevent() {} //详情
} navToDetailPage(item) {
}; //测试数据没有写id，用title代替
let id = item.id;
let groupId = item.groupId;
uni.navigateTo({
url: `../../pagesU/notice/subjectDetail?id=${id}`
});
},
stopPrevent() {}
}
};
</script> </script>
<style lang="scss"> <style lang="scss">
page, page,
.content { .content {
background: $page-color-base; background: $page-color-base;
}
.content {
padding-top: 96upx;
}
.navbar {
position: fixed;
left: 0;
top: var(--window-top);
display: flex;
width: 100%;
height: 80upx;
background: #fff;
box-shadow: 0 2upx 10upx rgba(0, 0, 0, 0.06);
z-index: 10;
.nav-item {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
font-size: 30upx;
color: $font-color-dark;
position: relative;
&.current {
color: $base-color;
&:after {
content: '';
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 120upx;
height: 0;
border-bottom: 4upx solid $base-color;
}
}
} }
.p-box {
.listcard {
display: flex; display: flex;
flex-direction: column; padding: 15px;
.yticon { margin: 20px;
border-radius: 5px;
box-shadow: 0 0 5px 1px rgba($color:#000000, $alpha:0.1);
box-sizing: border-box;
.listcard-image {
flex-shrink: 0;
width: 80px;
height: 80px;
border-radius: 8px;
overflow: hidden;
image {
width: 100%;
height: 100%;
}
}
.listcard-content {
display: flex; display: flex;
align-items: center; flex-direction: column;
justify-content: center; padding-left: 10px;
width: 30upx; width: 100%;
height: 14upx; justify-content: space-between;
line-height: 1;
margin-left: 4upx; .listcard-content_title {
font-size: 26upx; padding-right: 30px;
color: #888; font-size: 14px;
&.active { color: #333;
color: $base-color; font-weight: 400;
line-height: 1.2;
position: relative;
text {
font-size: 22px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.listcard-content_title_text {
margin-top: 5px;
font-size: 15px;
color: #999;
}
}
.listcard-content_des {
display: flex;
justify-content: space-between;
font-size: 12px;
.listcard-content_des-label {
display: flex;
.listcard-content_des-label-item {
padding: 0 5px;
margin-right: 5px;
border-radius: 15px;
color: #f00;
border: 1px #f00 solid;
}
}
.listcard-content_des-browe {
color: #999;
font-size: 15px;
line-height: 1.5;
}
} }
} }
.xia {
transform: scaleY(-1);
}
}
.cate-item {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 80upx;
position: relative;
font-size: 44upx;
&:after {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
border-left: 1px solid #ddd;
width: 0;
height: 36upx;
}
}
}
/* 分类 */ &.mode-column {
.cate-mask { .list-content {
position: fixed; width: 100%;
left: 0; padding-left: 0;
top: var(--window-top); }
bottom: 0;
width: 100%;
background: rgba(0, 0, 0, 0);
z-index: 95;
transition: 0.3s;
.cate-content { .listcard-image {
width: 630upx; display: flex;
height: 100%; margin-top: 10px;
background: #fff; width: 100%;
float: right; height: 80px;
transform: translateX(100%);
transition: 0.3s;
}
&.none {
display: none;
}
&.show {
background: rgba(0, 0, 0, 0.4);
.cate-content { .listcard-image_item {
transform: translateX(0); margin-left: 10px;
} width: 100%;
} border-radius: 5px;
} overflow: hidden;
.cate-list {
display: flex;
flex-direction: column;
height: 100%;
.cate-item {
display: flex;
align-items: center;
height: 90upx;
padding-left: 30upx;
font-size: 28upx;
color: #555;
position: relative;
}
.two {
height: 64upx;
color: #303133;
font-size: 30upx;
background: #f8f8f8;
}
.active {
color: $base-color;
}
}
/* 商品列表 */ &:first-child {
.goods-list { margin-left: 0;
display: flex; }
flex-wrap: wrap;
padding: 0 30upx; image {
background: #fff; width: 100%;
.goods-item { height: 100%;
display: flex; }
flex-direction: column;
width: 48%; }
padding-bottom: 40upx; }
&:nth-child(2n + 1) {
margin-right: 4%; .listcard-content_des {
margin-top: 10px;
}
}
&.mode-image {
flex-direction: column;
.listcard-image {
width: 100%;
height: 100px;
}
.listcard-content {
padding-left: 0;
margin-top: 10px;
.listcard-content_des {
display: flex;
align-items: center;
margin-top: 10px;
}
}
} }
} }
.image-wrapper {
width: 100%;
height: 330upx;
border-radius: 3px;
overflow: hidden;
image {
width: 100%;
height: 100%;
opacity: 1;
}
}
.title {
font-size: $font-lg;
color: $font-color-dark;
line-height: 80upx;
}
.price-box {
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 10upx;
font-size: 24upx;
color: $font-color-light;
}
.price {
font-size: $font-lg;
color: $uni-color-primary;
line-height: 1;
&:before {
content: '￥';
font-size: 26upx;
}
}
}
</style> </style>

BIN
mallplusui-uniapp-app/static/ic_launcher.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.8 KiB

BIN
mallplusui-uniapp-app/static/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 282 KiB

After

Width:  |  Height:  |  Size: 39 KiB

2
mallplusui-uniapp-app2/manifest.json
View File

@@ -1,5 +1,5 @@
{ {
"name" : "汇融云链2", "name" : "汇融云链",
"appid" : "__UNI__557CCCF", "appid" : "__UNI__557CCCF",
"description" : "", "description" : "",
"versionName" : "4.0.0.0", "versionName" : "4.0.0.0",

13
mallplusui-uniapp-app2/pages.json
View File

@@ -757,12 +757,13 @@
}, { }, {
"path": "notice/subjectList", "path": "notice/subjectList",
"style": { "style": {
"navigationBarTitleText": "秒杀列表", "navigationBarTitleText": "农机租赁",
"app-plus": { "enablePullDownRefresh": true
"titleNView": { // "app-plus": {
"type": "transparent" // "titleNView": {
} // "type": "transparent"
} // }
// }
} }
}, { }, {
"path": "notice/subjectDetail", "path": "notice/subjectDetail",

22
mallplusui-uniapp-app2/pages/index/index.vue
View File

@@ -33,28 +33,28 @@
</view> </view>
<!-- 分类 --> <!-- 分类 -->
<view class="cate-section"> <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> <image src="/static/temp//antFill-gift.png"></image>
<text>惠农套餐</text> <text>惠农套餐</text>
</view> </view>
<view class="cate-item" @click="navToTabPage('../../pagesA/product/groupList')"> <view class="cate-item" @click="navToTabPage('../../pagesA/product/list?isVip=1')">
<image src="/static/temp/fasfausers.png"></image> <image src="/static/temp/fasfausers.png"></image>
<text>拼团特价</text> <text>拼团特价</text>
</view> </view>
<view class="cate-item" @click="navToTabPage('../../pagesA/product/giftList')"> <view class="cate-item" @click="navToTabPage('../../pagesA/product/groupList')">
<image src="/static/temp/fabfa-dropbox.png"></image> <image src="/static/temp/fabfa-dropbox.png"></image>
<text>税分兑换</text>
</view>
<view class="cate-item" @click="navToTabPage('/pages/index/secskill')">
<image src="/static/temp/fasfa-history.png"></image>
<text>限时抢购</text> <text>限时抢购</text>
</view> </view>
<view class="cate-item" @click="navToTabPage('../../pagesA/build/communityList')"> <view class="cate-item" @click="navToTabPage('../../pagesA/product/tag')">
<image src="/static/temp/fasfa-shopping.png"></image>
<text>甄选优品</text>
</view>
<!-- <view class="cate-item" @click="navToTabPage('../../pagesA/build/communityList')">
<image src="/static/temp/antFill-home.png"></image> <image src="/static/temp/antFill-home.png"></image>
<text>农村社区</text> <text>农村社区</text>
</view> </view> -->
</view> </view>
<view class="cate-section"> <!-- <view class="cate-section">
<view class="cate-item" @click="navToTabPage('../../pagesA/product/list?isFenxiao=1')"> <view class="cate-item" @click="navToTabPage('../../pagesA/product/list?isFenxiao=1')">
<image src="/static/temp/fasfa-sitemap.png"></image> <image src="/static/temp/fasfa-sitemap.png"></image>
<text>分销商品</text> <text>分销商品</text>
@@ -75,7 +75,7 @@
<image src="/static/temp/fasfa-street.png"></image> <image src="/static/temp/fasfa-street.png"></image>
<text>卖家中心</text> <text>卖家中心</text>
</view> </view>
</view> </view> -->
<!-- 秒杀楼层 https://s.click.taobao.com/Wds7c1w --> <!-- 秒杀楼层 https://s.click.taobao.com/Wds7c1w -->
<view class="seckill-section m-t" <view class="seckill-section m-t"