yxt_group
/
mallplus
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

2023-02-14

master
guoxing 2 years ago
parent
f1f50479f8
commit
8aa0d13924
11 changed files with 316 additions and 575 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      mallplusui-uniapp-app/manifest.json
  2. 13
      mallplusui-uniapp-app/pages.json
  3. 256
      mallplusui-uniapp-app/pages/index/index.vue
  4. 7
      mallplusui-uniapp-app/pagesA/build/community.vue
  5. 8
      mallplusui-uniapp-app/pagesA/product/product.vue
  6. 564
      mallplusui-uniapp-app/pagesU/notice/subjectList.vue
  7. BIN
      mallplusui-uniapp-app/static/ic_launcher.png
  8. BIN
      mallplusui-uniapp-app/static/logo.png
  9. 2
      mallplusui-uniapp-app2/manifest.json
  10. 13
      mallplusui-uniapp-app2/pages.json
  11. 22
      mallplusui-uniapp-app2/pages/index/index.vue

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",

256
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>
<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> <text>拼团特价</text>
</view> </view>
<view class="cate-item" @click="navToTabPage('/pages/index/secskill')"> <view class="cate-item" @click="navToTabPage('/pagesU/notice/subjectList')">
<image src="/static/temp/fasfa-history.png"></image> <image src="/static/temp/antFill-home.png"></image>
<text>限时抢购</text> <text>农机服务</text>
</view> </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> <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">

564
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="cate-content" @click.stop.prevent="stopPrevent" @touchmove.stop.prevent="stopPrevent"> <view class="listcard-content_des-label">
<scroll-view scroll-y class="cate-list"> <view class="listcard-content_des-label-item">收藏{{item.collectCount}}</view>
<view v-for="item in cateList" :key="item.id"> </view>
<view class="cate-item b-b two">{{ item.name }}</view> <view class="listcard-content_des-browe">浏览{{item.readCount}}</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) {
// #ifdef H5
this.headerTop = document.getElementsByTagName('uni-page-head')[0].offsetHeight + 'px';
// #endif
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) {
params = { pageNum: this.pageNum, categoryId: this.categoryId };
} else {
params = { pageNum: this.pageNum };
}
let list = await Api.apiCall('get', Api.cms.subjectList, params);
let goodsList = list.records;
// let goodsList = await this.$api.json('goodsList');
if (type === 'refresh') {
this.goodsList = [];
}
export default {
data() {
return {
pageNum: 1,
goodsList: []
};
},
this.goodsList = this.goodsList.concat(goodsList); onLoad(options) {
// #ifdef H5
this.headerTop = document.getElementsByTagName('uni-page-head')[0].offsetHeight + 'px';
// #endif
//判断是否还有下一页，有是more 没有是nomore(测试数据判断大于20就没有了) this.loadData();
this.loadingType = this.goodsList.length > list.total ? 'nomore' : 'more'; },
if (type === 'refresh') { onPageScroll(e) {
if (loading == 1) { //兼容iOS端下拉时顶部漂移
uni.hideLoading(); // 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();
},
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; .listcard {
}
.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; display: flex;
justify-content: center; padding: 15px;
align-items: center; margin: 20px;
height: 100%; border-radius: 5px;
font-size: 30upx; box-shadow: 0 0 5px 1px rgba($color:#000000, $alpha:0.1);
color: $font-color-dark; box-sizing: border-box;
position: relative;
&.current { .listcard-image {
color: $base-color; flex-shrink: 0;
&:after { width: 80px;
content: ''; height: 80px;
position: absolute; border-radius: 8px;
left: 50%; overflow: hidden;
bottom: 0;
transform: translateX(-50%); image {
width: 120upx; width: 100%;
height: 0; height: 100%;
border-bottom: 4upx solid $base-color;
} }
} }
}
.p-box { .listcard-content {
display: flex;
flex-direction: column;
.yticon {
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;
}
} }
}
.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;
}
}
}
/* 分类 */
.cate-mask {
position: fixed;
left: 0;
top: var(--window-top);
bottom: 0;
width: 100%;
background: rgba(0, 0, 0, 0);
z-index: 95;
transition: 0.3s;
.cate-content {
width: 630upx;
height: 100%;
background: #fff;
float: right;
transform: translateX(100%);
transition: 0.3s;
}
&.none {
display: none;
}
&.show {
background: rgba(0, 0, 0, 0.4);
.cate-content { .listcard-content_des {
transform: translateX(0); display: flex;
} justify-content: space-between;
} font-size: 12px;
}
.cate-list { .listcard-content_des-label {
display: flex; display: flex;
flex-direction: column;
height: 100%; .listcard-content_des-label-item {
.cate-item { padding: 0 5px;
display: flex; margin-right: 5px;
align-items: center; border-radius: 15px;
height: 90upx; color: #f00;
padding-left: 30upx; border: 1px #f00 solid;
font-size: 28upx; }
color: #555; }
position: relative;
} .listcard-content_des-browe {
.two { color: #999;
height: 64upx; font-size: 15px;
color: #303133; line-height: 1.5;
font-size: 30upx; }
background: #f8f8f8; }
}
.active {
color: $base-color;
}
}
/* 商品列表 */
.goods-list {
display: flex;
flex-wrap: wrap;
padding: 0 30upx;
background: #fff;
.goods-item {
display: flex;
flex-direction: column;
width: 48%;
padding-bottom: 40upx;
&:nth-child(2n + 1) {
margin-right: 4%;
} }
}
.image-wrapper { &.mode-column {
width: 100%; .list-content {
height: 330upx; width: 100%;
border-radius: 3px; padding-left: 0;
overflow: hidden; }
image {
width: 100%; .listcard-image {
height: 100%; display: flex;
opacity: 1; margin-top: 10px;
width: 100%;
height: 80px;
.listcard-image_item {
margin-left: 10px;
width: 100%;
border-radius: 5px;
overflow: hidden;
&:first-child {
margin-left: 0;
}
image {
width: 100%;
height: 100%;
}
}
}
.listcard-content_des {
margin-top: 10px;
}
} }
}
.title { &.mode-image {
font-size: $font-lg; flex-direction: column;
color: $font-color-dark;
line-height: 80upx; .listcard-image {
} width: 100%;
.price-box { height: 100px;
display: flex; }
align-items: center;
justify-content: space-between; .listcard-content {
padding-right: 10upx; padding-left: 0;
font-size: 24upx; margin-top: 10px;
color: $font-color-light;
} .listcard-content_des {
.price { display: flex;
font-size: $font-lg; align-items: center;
color: $uni-color-primary; margin-top: 10px;
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"

Write Preview
Loading…
Cancel
Save