提交
This commit is contained in:
cc_zbp
parent
96e08ea235
commit
a5b8c7a24a
@ -171,9 +171,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
var statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 'px';
|
|
||||||
import mTabbar from '@/components/m-tabbar/m-tabbar.vue'
|
import mTabbar from '@/components/m-tabbar/m-tabbar.vue'
|
||||||
|
|
||||||
import zbpSwiper from '@/components/zbpSwiper'
|
import zbpSwiper from '@/components/zbpSwiper'
|
||||||
import { mapState, mapGetters } from 'vuex'
|
import { mapState, mapGetters } from 'vuex'
|
||||||
import { getWorkArticleCount, getSlideAPI } from '@/api/article.js'
|
import { getWorkArticleCount, getSlideAPI } from '@/api/article.js'
|
||||||
@ -190,53 +188,16 @@
|
|||||||
return {
|
return {
|
||||||
emptyText: '暂无可用应用',
|
emptyText: '暂无可用应用',
|
||||||
jurisdiction: false, // 是否有权限
|
jurisdiction: false, // 是否有权限
|
||||||
product_id: '',
|
|
||||||
editGoodsCode: '',
|
|
||||||
editGoodsName: '',
|
|
||||||
editGoodsPrice: '',
|
|
||||||
editGoodsStore: '',
|
|
||||||
editGoodsShow: false, // 扫码修改商品信息
|
|
||||||
mer_id: '',
|
mer_id: '',
|
||||||
statusBarHeight: statusBarHeight, //系统导航条高度
|
|
||||||
userInfoData: { mer_info: { type_id: 0 } },
|
userInfoData: { mer_info: { type_id: 0 } },
|
||||||
prefix: 'https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/luzhou/static4/11/',
|
prefix: 'https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/luzhou/static4/11/',
|
||||||
page: 0,
|
|
||||||
group_id: 1,
|
|
||||||
count: {
|
|
||||||
shuqiu: 0,
|
|
||||||
solve_count: 0,
|
|
||||||
time: 0
|
|
||||||
},
|
|
||||||
loading: true,
|
|
||||||
//消息提示图标
|
|
||||||
xiaoxi: {
|
|
||||||
maodun: 0,
|
|
||||||
saohei: 0,
|
|
||||||
shuqiu: 0,
|
|
||||||
sos: 0,
|
|
||||||
xiejiao: 0
|
|
||||||
},
|
|
||||||
swiperList: [],
|
|
||||||
swiper: {
|
|
||||||
url: [{
|
|
||||||
img: ''
|
|
||||||
}],
|
|
||||||
indicatorDots: true, // 显示面板指示点
|
|
||||||
vertical: false, // 滑动方向是否为纵向
|
|
||||||
autoplay: true, // 是否自动切换
|
|
||||||
interval: 2000, // 自动切换时间间隔
|
|
||||||
duration: 500 // 滑动动画时长
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapGetters(['userInfo', 'location', 'isLogin'])
|
...mapGetters(['userInfo', 'location', 'isLogin'])
|
||||||
},
|
},
|
||||||
created() {},
|
created() {},
|
||||||
onLoad() {
|
onLoad() {},
|
||||||
// uni.hideTabBar()
|
|
||||||
this.getBanner()
|
|
||||||
},
|
|
||||||
onShow() {
|
onShow() {
|
||||||
if (this.isLogin) {
|
if (this.isLogin) {
|
||||||
this.emptyText = '暂无可用应用'
|
this.emptyText = '暂无可用应用'
|
||||||
@ -245,50 +206,14 @@
|
|||||||
this.jurisdiction = true
|
this.jurisdiction = true
|
||||||
}
|
}
|
||||||
this.getUserInfo()
|
this.getUserInfo()
|
||||||
this.group_id = this.userInfo.group_id
|
|
||||||
// this.get_count()
|
|
||||||
},
|
},
|
||||||
// 下拉刷新
|
|
||||||
onPullDownRefresh() {
|
onPullDownRefresh() {
|
||||||
this.getBanner()
|
|
||||||
this.getUserInfo()
|
this.getUserInfo()
|
||||||
// this.get_count()
|
|
||||||
// 停止刷新
|
|
||||||
uni.stopPullDownRefresh()
|
uni.stopPullDownRefresh()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 轮播图请求
|
|
||||||
async getBanner() {
|
|
||||||
const { data } = await getDiy({ id: 0 })
|
|
||||||
if (data.value['1683638943100000']) {
|
|
||||||
this.swiper.url = data.value['1683638943100000'].swiperConfig.list
|
|
||||||
} else {
|
|
||||||
this.swiper.url = data.value['1683875164005000'].swiperConfig.list
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async editGoodsClose() {
|
|
||||||
const data = {
|
|
||||||
price: this.editGoodsPrice,
|
|
||||||
stock: this.editGoodsStore,
|
|
||||||
id: this.product_id
|
|
||||||
}
|
|
||||||
const res = await microEadtProduct(data)
|
|
||||||
this.editGoodsShow = false
|
|
||||||
},
|
|
||||||
// 扫码核销
|
|
||||||
scanCode() {
|
|
||||||
if (this.userInfoData.is_wsxx === 0) return Toast("请完善商户信息")
|
|
||||||
uni.navigateTo({
|
|
||||||
url: `/pages/nongKe/gather/select_warehouse?mer_id=${this.mer_id}`
|
|
||||||
})
|
|
||||||
},
|
|
||||||
handeGo() {
|
|
||||||
uni.navigateTo({
|
|
||||||
url: `/pages/shopping/shopping?mer_id=${this.userInfoData.service.mer_id}`
|
|
||||||
})
|
|
||||||
},
|
|
||||||
navigator(url, t) {
|
navigator(url, t) {
|
||||||
// if (this.userInfoData.is_wsxx === 0 && t != '商户设置') return Toast("请完善商户信息")
|
// if (this.userInfoData.is_wsxx === 0 && t != '商户设置') return Toast("请完善商户信息");
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: url
|
url: url
|
||||||
})
|
})
|
||||||
@ -302,70 +227,6 @@
|
|||||||
that.$set(this, 'jurisdiction', true);
|
that.$set(this, 'jurisdiction', true);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
|
||||||
CompanyCertification() {
|
|
||||||
uni.navigateTo({
|
|
||||||
url: '/pages/users/enter_company/enter_company'
|
|
||||||
})
|
|
||||||
},
|
|
||||||
navCeshi() {
|
|
||||||
uni.showToast({
|
|
||||||
title: "功能暂未开放",
|
|
||||||
icon: 'none'
|
|
||||||
})
|
|
||||||
},
|
|
||||||
purchase() {
|
|
||||||
uni.navigateTo({
|
|
||||||
url: '/pages/purchase/index'
|
|
||||||
})
|
|
||||||
},
|
|
||||||
|
|
||||||
// 跳议事大厅
|
|
||||||
voteList() {
|
|
||||||
uni.navigateTo({
|
|
||||||
url: '/pages/nongKe/article/vote_list'
|
|
||||||
});
|
|
||||||
},
|
|
||||||
navOpen(id, title, title2) {
|
|
||||||
uni.navigateTo({
|
|
||||||
url: '/pages/nongKe/article/open_list?category_id=' + id + '&title=' + title + '&title2=' +
|
|
||||||
title2
|
|
||||||
});
|
|
||||||
},
|
|
||||||
//合集文章
|
|
||||||
IndexArticle(id, title, title2, is_vote, time) {
|
|
||||||
let is_time = 0
|
|
||||||
if (time) {
|
|
||||||
is_time = time
|
|
||||||
}
|
|
||||||
uni.navigateTo({
|
|
||||||
url: '/pages/nongKe/article/list?category_id=' + id + '&title=' + title + '&title2=' + title2 +
|
|
||||||
'&is_vote=' +
|
|
||||||
is_vote + '&is_time=' + is_time
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
// 跳转党务公开
|
|
||||||
partyOpen() {
|
|
||||||
uni.navigateTo({
|
|
||||||
url: '/pages/nongKe/party/article/list'
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
// 采集信息 、 信息录入
|
|
||||||
peasantMsg() {
|
|
||||||
uni.navigateTo({
|
|
||||||
url: '/pages/nongKe/gather/entering'
|
|
||||||
});
|
|
||||||
},
|
|
||||||
// 保存
|
|
||||||
get_count() {
|
|
||||||
getWorkArticleCount().then(res => {
|
|
||||||
this.count = res
|
|
||||||
this.loading = false
|
|
||||||
//消息提示图标
|
|
||||||
this.xiaoxi = this.count.one
|
|
||||||
})
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
@ -380,91 +241,7 @@
|
|||||||
// padding-top: 180rpx;
|
// padding-top: 180rpx;
|
||||||
background: linear-gradient(#36A2FF, #fff);
|
background: linear-gradient(#36A2FF, #fff);
|
||||||
}
|
}
|
||||||
|
|
||||||
.work_header {
|
|
||||||
width: 693.93rpx;
|
|
||||||
height: 230rpx;
|
|
||||||
color: #fff;
|
|
||||||
margin: 0 auto;
|
|
||||||
position: relative;
|
|
||||||
margin-bottom: 21rpx;
|
|
||||||
|
|
||||||
.w_top {
|
|
||||||
width: 693.93rpx;
|
|
||||||
height: 184.25rpx;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
color: #fff;
|
|
||||||
font-size: 25rpx;
|
|
||||||
padding-left: 25rpx;
|
|
||||||
padding-right: 7rpx;
|
|
||||||
background: url('https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/luzhou/static4/5/oabg1%402x.png') no-repeat;
|
|
||||||
background-size: 693.93rpx 184.25rpx;
|
|
||||||
|
|
||||||
.yun {
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 42rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.message_box {
|
|
||||||
padding: 0 43.86rpx;
|
|
||||||
width: 719.3rpx;
|
|
||||||
height: 78.95rpx;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, 53%);
|
|
||||||
background-image: url("http://lihai001.oss-cn-chengdu.aliyuncs.com/storage/202303/4e5e92a2c82ee6af76ede722194924ed.jpg");
|
|
||||||
background-size: cover;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tenant_name {
|
|
||||||
font-size: 42.11rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabs_box {
|
|
||||||
padding: 35.09rpx 0 70.18rpx 0;
|
|
||||||
|
|
||||||
.tab_item {
|
|
||||||
font-size: 24.56rpx;
|
|
||||||
padding: 17.54rpx 21.05rpx;
|
|
||||||
border-radius: 4px;
|
|
||||||
border: 1px solid #fff;
|
|
||||||
margin-right: 19.3rpx;
|
|
||||||
|
|
||||||
&:last-child {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.shop_box {
|
|
||||||
width: 694rpx;
|
|
||||||
height: 79rpx;
|
|
||||||
background: linear-gradient(207deg, #2199FC 0%, #2D96FF 100%);
|
|
||||||
box-shadow: 0rpx -4rpx 14rpx 2rpx rgba(25, 106, 170, 0.68);
|
|
||||||
border-radius: 0rpx 0rpx 14rpx 14rpx;
|
|
||||||
margin: 0 auto;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 6rpx;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
font-size: 28rpx;
|
|
||||||
align-items: center;
|
|
||||||
padding-left: 32rpx;
|
|
||||||
padding-right: 26rpx;
|
|
||||||
|
|
||||||
.s_shop {
|
|
||||||
font-size: 32rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.com {
|
.com {
|
||||||
margin-left: 50%;
|
margin-left: 50%;
|
||||||
transform: translate(-50%);
|
transform: translate(-50%);
|
||||||
@ -475,55 +252,6 @@
|
|||||||
// margin-bottom: 175rpx;
|
// margin-bottom: 175rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topCard {
|
|
||||||
color: #fff;
|
|
||||||
width: 694.74rpx;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
|
|
||||||
.title {
|
|
||||||
font-size: 28.07rpx;
|
|
||||||
|
|
||||||
.num {
|
|
||||||
font-size: 82.46rpx;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.card_left {
|
|
||||||
width: 331.58rpx;
|
|
||||||
height: 336.84rpx;
|
|
||||||
border-radius: 14.04rpx;
|
|
||||||
padding: 21.05rpx 35.09rpx;
|
|
||||||
background-size: cover;
|
|
||||||
background: url('https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/luzhou/static4/5/oabg3%402x.png') no-repeat;
|
|
||||||
background-size: 331rpx 336rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card_right {
|
|
||||||
|
|
||||||
.postpone,
|
|
||||||
.over {
|
|
||||||
padding: 21.05rpx 35.09rpx;
|
|
||||||
width: 331.58rpx;
|
|
||||||
height: 159.65rpx;
|
|
||||||
background-size: cover;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
border-radius: 14.04rpx;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.postpone {
|
|
||||||
background-image: url('https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/luzhou/static4/5/oabg2%402x.png');
|
|
||||||
}
|
|
||||||
|
|
||||||
.over {
|
|
||||||
margin-top: 17.54rpx;
|
|
||||||
background-image: url('https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/luzhou/static4/5/oabg2%402x.png');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.special_work {
|
.special_work {
|
||||||
// padding: 17.54rpx;
|
// padding: 17.54rpx;
|
||||||
width: 694.74rpx;
|
width: 694.74rpx;
|
||||||
@ -588,38 +316,4 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.head-wrapper {
|
|
||||||
z-index: 999;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
position: fixed;
|
|
||||||
left: 30rpx;
|
|
||||||
top: 0;
|
|
||||||
/* #ifdef MP */
|
|
||||||
height: 43px;
|
|
||||||
/* #endif */
|
|
||||||
/* #ifdef H5 */
|
|
||||||
height: 114rpx;
|
|
||||||
/* #endif */
|
|
||||||
}
|
|
||||||
|
|
||||||
.head-menu {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
height: 54rpx;
|
|
||||||
width: 140rpx;
|
|
||||||
background: rgba(0, 0, 0, .25);
|
|
||||||
border-radius: 27rpx;
|
|
||||||
|
|
||||||
.iconfont {
|
|
||||||
flex: 1;
|
|
||||||
text-align: center;
|
|
||||||
color: #fff;
|
|
||||||
box-sizing: border-box;
|
|
||||||
|
|
||||||
&.icon-xiangzuo {
|
|
||||||
border-right: 1px solid #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
@ -8,29 +8,18 @@
|
|||||||
</view>
|
</view>
|
||||||
</block>
|
</block>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="list-box listA" :class="goods.length > 0 ? 'fadeIn on' : ''">
|
||||||
<view class="list-box animated listA" :class="goods.length > 0 ? 'fadeIn on' : ''">
|
<view class="item" v-for="(item, index) in goods" :key="index">
|
||||||
<view class="item" v-for="(item, index) in goods" :key="index" @click="addGoods(item)">
|
<view class="pictrue">
|
||||||
<view class="pictrue" :class="'cont'+conStyle">
|
<easy-loadimage mode="widthFix" :image-src="item.image"></easy-loadimage>
|
||||||
<easy-loadimage mode="widthFix" :image-src="item.image"></easy-loadimage>
|
</view>
|
||||||
</view>
|
<view class="text-info">
|
||||||
<view class="text-info" style="display: flex; flex-direction: column; justify-content: space-between;">
|
<view class="title">{{ item.store_name }}</view>
|
||||||
<view>
|
<view class="price">¥<text>{{ item.price }}</text></view>
|
||||||
<view class="title">{{ item.store_name }}</view>
|
<view class="add-btn" @click="addGoods(item)">加入仓库</view>
|
||||||
<view class="merchant_info">
|
</view>
|
||||||
<view v-if="item.merchant && item.merchant.type_name" :style="'background:'+labelColor" class="font-bg-red">{{item.merchant.type_name}}</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
|
||||||
<view class="price acea-row" :style="'color:'+priceColor">
|
|
||||||
<view>
|
|
||||||
¥
|
|
||||||
<text>{{ item.price }}</text>
|
|
||||||
</view>
|
|
||||||
<view style="padding-left: 180rpx;font-size: 34rpx;font-weight: 550" >加入仓库</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<u-popup :show="editGoodsShow" @close="editGoodsClose" :round="18" mode="center">
|
<u-popup :show="editGoodsShow" @close="editGoodsClose" :round="18" mode="center">
|
||||||
<view class="edit_goods_box">
|
<view class="edit_goods_box">
|
||||||
<view class="edit_name flex_a_c edit_name_no">
|
<view class="edit_name flex_a_c edit_name_no">
|
||||||
@ -53,7 +42,8 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</u-popup>
|
</u-popup>
|
||||||
<u-modal :show="addGoodsShow" content='是否添加到你的仓库中?' @cancel="addGoodsclose()" @close="addGoodsclose()" @confirm="addGoodsopen()" :closeOnClickOverlay="true" :showCancelButton="true"></u-modal>
|
<u-modal :show="addGoodsShow" content='是否添加到你的仓库中?' @cancel="addGoodsclose()" @close="addGoodsclose()"
|
||||||
|
@confirm="addGoodsopen()" :closeOnClickOverlay="true" :showCancelButton="true"></u-modal>
|
||||||
<u-popup :show="searchGoodsShow" @close="searchGoodsClose" :round="18" mode="center">
|
<u-popup :show="searchGoodsShow" @close="searchGoodsClose" :round="18" mode="center">
|
||||||
<view class="search_goods_box">
|
<view class="search_goods_box">
|
||||||
<input type="text" v-model="searchGoodsName" class="searchGoods" placeholder="请输入商品名称">
|
<input type="text" v-model="searchGoodsName" class="searchGoods" placeholder="请输入商品名称">
|
||||||
@ -72,7 +62,7 @@
|
|||||||
<script>
|
<script>
|
||||||
import { productCreate } from '@/api/product.js'
|
import { productCreate } from '@/api/product.js'
|
||||||
import { microSeachBarCode, microEadtProduct } from '@/api/store.js'
|
import { microSeachBarCode, microEadtProduct } from '@/api/store.js'
|
||||||
import { seachBarCodeAPI,post_product_import } from '@/api/api.js'
|
import { seachBarCodeAPI, post_product_import } from '@/api/api.js'
|
||||||
import { Toast } from '@/libs/uniApi'
|
import { Toast } from '@/libs/uniApi'
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
@ -98,8 +88,8 @@
|
|||||||
searchGoodsShow: false,
|
searchGoodsShow: false,
|
||||||
searchGoodsName: '',
|
searchGoodsName: '',
|
||||||
goods: [],
|
goods: [],
|
||||||
item:[],
|
item: [],
|
||||||
addGoodsShow:false
|
addGoodsShow: false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad(e) {
|
onLoad(e) {
|
||||||
@ -108,23 +98,23 @@
|
|||||||
onShow() {},
|
onShow() {},
|
||||||
methods: {
|
methods: {
|
||||||
addGoods(item) {
|
addGoods(item) {
|
||||||
this.addGoodsShow=true
|
this.addGoodsShow = true
|
||||||
this.item=item
|
this.item = item
|
||||||
|
},
|
||||||
|
addGoodsopen() {
|
||||||
|
if (this.item) {
|
||||||
|
post_product_import(this.item.product_id).then(e => {
|
||||||
|
if (e.status == 200) {
|
||||||
|
Toast(e.data.msg)
|
||||||
|
this.addGoodsShow = false
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
this.item = []
|
||||||
|
},
|
||||||
|
addGoodsclose() {
|
||||||
|
this.addGoodsShow = false
|
||||||
},
|
},
|
||||||
addGoodsopen(){
|
|
||||||
if(this.item){
|
|
||||||
post_product_import(this.item.product_id).then(e=>{
|
|
||||||
if(e.status==200){
|
|
||||||
Toast(e.data.msg)
|
|
||||||
this.addGoodsShow=false
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
this.item=[]
|
|
||||||
},
|
|
||||||
addGoodsclose(){
|
|
||||||
this.addGoodsShow=false
|
|
||||||
},
|
|
||||||
openSearch() {},
|
openSearch() {},
|
||||||
async searchGoodsClose() {
|
async searchGoodsClose() {
|
||||||
const rq = {
|
const rq = {
|
||||||
@ -132,9 +122,9 @@
|
|||||||
name: this.searchGoodsName
|
name: this.searchGoodsName
|
||||||
}
|
}
|
||||||
const { data } = await seachBarCodeAPI(rq).catch(err => Toast(err))
|
const { data } = await seachBarCodeAPI(rq).catch(err => Toast(err))
|
||||||
if(data.list.length ==0){
|
if (data.list.length == 0) {
|
||||||
Toast("暂无搜索商品")
|
Toast("暂无搜索商品")
|
||||||
}
|
}
|
||||||
this.goods = data.list
|
this.goods = data.list
|
||||||
this.searchGoodsShow = false
|
this.searchGoodsShow = false
|
||||||
},
|
},
|
||||||
@ -307,283 +297,364 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-box {
|
.list-box {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
padding: 20rpx 28rpx 0;
|
padding: 20rpx 28rpx 0;
|
||||||
.item {
|
|
||||||
width: 328rpx;
|
.item {
|
||||||
margin-bottom: 20rpx;
|
width: 328rpx;
|
||||||
overflow: hidden;
|
margin-bottom: 20rpx;
|
||||||
position: relative;
|
overflow: hidden;
|
||||||
&.on {
|
position: relative;
|
||||||
border-radius: 0;
|
border-radius: 8px;
|
||||||
}
|
background-color: #fff;
|
||||||
.pictrue_log {
|
|
||||||
width: 92rpx;
|
&.on {
|
||||||
height: 44rpx;
|
border-radius: 0;
|
||||||
font-size: 26rpx;
|
}
|
||||||
line-height: 44rpx;
|
|
||||||
}
|
.pictrue_log {
|
||||||
.pictrue,/deep/image,/deep/.easy-loadimage,/deep/uni-image {
|
width: 92rpx;
|
||||||
width: 100%;
|
height: 44rpx;
|
||||||
display: block;
|
font-size: 26rpx;
|
||||||
position: relative;
|
line-height: 44rpx;
|
||||||
.border-picture {
|
}
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
.pictrue,
|
||||||
left: 0;
|
/deep/image,
|
||||||
width: 100%;
|
/deep/.easy-loadimage,
|
||||||
height: 100%;
|
/deep/uni-image {
|
||||||
background: center/cover no-repeat;
|
width: 100%;
|
||||||
}
|
display: block;
|
||||||
}
|
position: relative;
|
||||||
.picture1,/deep/.picture1 image,/deep/.picture1 .easy-loadimage,/deep/.picture1 uni-image {
|
|
||||||
height: 346rpx;
|
.border-picture {
|
||||||
position: relative;
|
position: absolute;
|
||||||
.border-picture {
|
top: 0;
|
||||||
position: absolute;
|
left: 0;
|
||||||
top: 0;
|
width: 100%;
|
||||||
left: 0;
|
height: 100%;
|
||||||
width: 100%;
|
background: center/cover no-repeat;
|
||||||
height: 100%;
|
}
|
||||||
background: center/cover no-repeat;
|
}
|
||||||
}
|
|
||||||
.sell_out {
|
.picture1,
|
||||||
display: flex;
|
/deep/.picture1 image,
|
||||||
width: 150rpx;
|
/deep/.picture1 .easy-loadimage,
|
||||||
height: 150rpx;
|
/deep/.picture1 uni-image {
|
||||||
align-items: center;
|
height: 346rpx;
|
||||||
justify-content: center;
|
position: relative;
|
||||||
border-radius: 100%;
|
|
||||||
background: rgba(0,0,0,.6);
|
.border-picture {
|
||||||
color: #fff;
|
position: absolute;
|
||||||
font-size: 30rpx;
|
top: 0;
|
||||||
position: absolute;
|
left: 0;
|
||||||
top: 50%;
|
width: 100%;
|
||||||
left: 50%;
|
height: 100%;
|
||||||
margin: -75rpx 0 0 -75rpx;
|
background: center/cover no-repeat;
|
||||||
&::before{
|
}
|
||||||
content: "";
|
|
||||||
display: block;
|
.sell_out {
|
||||||
width: 140rpx;
|
display: flex;
|
||||||
height: 140rpx;
|
width: 150rpx;
|
||||||
border-radius: 100%;
|
height: 150rpx;
|
||||||
border: 1px dashed #fff;
|
align-items: center;
|
||||||
position: absolute;
|
justify-content: center;
|
||||||
top: 5rpx;
|
border-radius: 100%;
|
||||||
left: 5rpx;
|
background: rgba(0, 0, 0, .6);
|
||||||
}
|
color: #fff;
|
||||||
}
|
font-size: 30rpx;
|
||||||
}
|
position: absolute;
|
||||||
.cont1,/deep/.cont1 image,/deep/.cont1 .easy-loadimage,/deep/.cont1 uni-image,.cont1 .border-picture{
|
top: 50%;
|
||||||
border-radius: 16rpx;
|
left: 50%;
|
||||||
}
|
margin: -75rpx 0 0 -75rpx;
|
||||||
.text-info {
|
|
||||||
padding: 10rpx 20rpx 15rpx;
|
&::before {
|
||||||
.title {
|
content: "";
|
||||||
color: #222222;
|
display: block;
|
||||||
overflow:hidden;
|
width: 140rpx;
|
||||||
text-overflow: ellipsis;
|
height: 140rpx;
|
||||||
display: -webkit-box;
|
border-radius: 100%;
|
||||||
-webkit-line-clamp: 2;
|
border: 1px dashed #fff;
|
||||||
-webkit-box-orient: vertical;
|
position: absolute;
|
||||||
}
|
top: 5rpx;
|
||||||
.old-price {
|
left: 5rpx;
|
||||||
margin-top: 4rpx;
|
}
|
||||||
font-size: 26rpx;
|
}
|
||||||
color: #999;
|
}
|
||||||
text-decoration: line-through;
|
|
||||||
text {
|
.cont1,
|
||||||
margin-right: 2px;
|
/deep/.cont1 image,
|
||||||
font-size: 20rpx;
|
/deep/.cont1 .easy-loadimage,
|
||||||
}
|
/deep/.cont1 uni-image,
|
||||||
}
|
.cont1 .border-picture {
|
||||||
.price {
|
border-radius: 16rpx;
|
||||||
display: flex;
|
}
|
||||||
margin-top: 20rpx;
|
|
||||||
font-size: 26rpx;
|
.text-info {
|
||||||
align-items: center;
|
padding: 10rpx 20rpx 15rpx;
|
||||||
text {
|
display: flex;
|
||||||
font-size: 36rpx;
|
flex-direction: column;
|
||||||
font-weight: 550;
|
|
||||||
}
|
.add-btn {
|
||||||
.ot-price{
|
align-self: flex-end;
|
||||||
color: #aaa;
|
text-align: center;
|
||||||
font-size: 26rpx;
|
width: 175.44rpx;
|
||||||
text-decoration: line-through;
|
color: #fff;
|
||||||
margin-left: 6rpx;
|
margin-top: auto;
|
||||||
font-weight: normal;
|
padding: 7.02rpx 21.05rpx;
|
||||||
margin-top: 10rpx;
|
border-radius: 100px;
|
||||||
}
|
background: $uni-theme-bg-color;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
.pictrue {
|
.title {
|
||||||
position: relative;
|
font-size: 31.58rpx;
|
||||||
}
|
margin-bottom: 10.53rpx;
|
||||||
.border-picture {
|
color: #222222;
|
||||||
position: absolute;
|
overflow: hidden;
|
||||||
top: 0;
|
text-overflow: ellipsis;
|
||||||
left: 0;
|
display: -webkit-box;
|
||||||
width: 100%;
|
-webkit-line-clamp: 2;
|
||||||
height: 100%;
|
-webkit-box-orient: vertical;
|
||||||
border-radius: 8rpx;
|
}
|
||||||
background: center/cover no-repeat;
|
|
||||||
}
|
.old-price {
|
||||||
}
|
margin-top: 4rpx;
|
||||||
.merchant_info{
|
font-size: 26rpx;
|
||||||
display: flex;
|
color: #999;
|
||||||
align-items: center;
|
text-decoration: line-through;
|
||||||
margin-top: 20rpx;
|
|
||||||
.merchant_type{
|
text {
|
||||||
color: #fff;
|
margin-right: 2px;
|
||||||
line-height: 30rpx;
|
font-size: 20rpx;
|
||||||
padding: 0 10rpx;
|
}
|
||||||
border-radius: 2rpx;
|
}
|
||||||
font-size: 22rpx;
|
|
||||||
}
|
.price {
|
||||||
.txt {
|
display: flex;
|
||||||
display: flex;
|
margin-top: 20rpx;
|
||||||
align-items: center;
|
font-size: 26rpx;
|
||||||
justify-content: center;
|
align-items: center;
|
||||||
width: 56rpx;
|
|
||||||
height: 28rpx;
|
text {
|
||||||
margin-left: 15rpx;
|
font-size: 36rpx;
|
||||||
border: 1px solid $theme-color;
|
font-weight: 550;
|
||||||
border-radius: 4rpx;
|
}
|
||||||
font-size: 20rpx;
|
|
||||||
font-weight: normal;
|
.ot-price {
|
||||||
&.delivery{
|
color: #aaa;
|
||||||
margin-left: 0;
|
font-size: 26rpx;
|
||||||
color: #FF9000;
|
text-decoration: line-through;
|
||||||
border-color: #FF9000;
|
margin-left: 6rpx;
|
||||||
}
|
font-weight: normal;
|
||||||
}
|
margin-top: 10rpx;
|
||||||
}
|
}
|
||||||
&.on {
|
}
|
||||||
display: flex;
|
}
|
||||||
}
|
|
||||||
&.listA {
|
.pictrue {
|
||||||
.item {
|
position: relative;
|
||||||
display: flex;
|
}
|
||||||
width: 100%;
|
|
||||||
.pictrue,/deep/image,/deep/.easy-loadimage,/deep/uni-image {
|
.border-picture {
|
||||||
width: 220rpx;
|
position: absolute;
|
||||||
height: 220rpx;
|
top: 0;
|
||||||
}
|
left: 0;
|
||||||
.sell_out {
|
width: 100%;
|
||||||
display: flex;
|
height: 100%;
|
||||||
width: 110rpx;
|
border-radius: 8rpx;
|
||||||
height: 110rpx;
|
background: center/cover no-repeat;
|
||||||
align-items: center;
|
}
|
||||||
justify-content: center;
|
}
|
||||||
border-radius: 100%;
|
|
||||||
background: rgba(0,0,0,.6);
|
.merchant_info {
|
||||||
color: #fff;
|
display: flex;
|
||||||
font-size: 24rpx;
|
align-items: center;
|
||||||
position: absolute;
|
margin-top: 20rpx;
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
.merchant_type {
|
||||||
margin: -55rpx 0 0 -55rpx;
|
color: #fff;
|
||||||
&::before{
|
line-height: 30rpx;
|
||||||
content: "";
|
padding: 0 10rpx;
|
||||||
display: block;
|
border-radius: 2rpx;
|
||||||
width: 100rpx;
|
font-size: 22rpx;
|
||||||
height: 100rpx;
|
}
|
||||||
border-radius: 100%;
|
|
||||||
border: 1px dashed #fff;
|
.txt {
|
||||||
position: absolute;
|
display: flex;
|
||||||
top: 5rpx;
|
align-items: center;
|
||||||
left: 5rpx;
|
justify-content: center;
|
||||||
}
|
width: 56rpx;
|
||||||
}
|
height: 28rpx;
|
||||||
.text-info {
|
margin-left: 15rpx;
|
||||||
width: 490rpx;
|
border: 1px solid $theme-color;
|
||||||
}
|
border-radius: 4rpx;
|
||||||
}
|
font-size: 20rpx;
|
||||||
}
|
font-weight: normal;
|
||||||
&.listB {
|
|
||||||
justify-content: inherit;
|
&.delivery {
|
||||||
.item {
|
margin-left: 0;
|
||||||
width: 31.3%;
|
color: #FF9000;
|
||||||
margin-right: 3.05%;
|
border-color: #FF9000;
|
||||||
.pictrue,/deep/image,/deep/.easy-loadimage,/deep/uni-image {
|
}
|
||||||
height: 220rpx;
|
}
|
||||||
}
|
}
|
||||||
.sell_out {
|
|
||||||
display: flex;
|
&.on {
|
||||||
width: 110rpx;
|
display: flex;
|
||||||
height: 110rpx;
|
}
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
&.listA {
|
||||||
border-radius: 100%;
|
.item {
|
||||||
background: rgba(0,0,0,.6);
|
display: flex;
|
||||||
color: #fff;
|
width: 100%;
|
||||||
font-size: 24rpx;
|
|
||||||
position: absolute;
|
.pictrue,
|
||||||
top: 50%;
|
/deep/image,
|
||||||
left: 50%;
|
/deep/.easy-loadimage,
|
||||||
margin: -55rpx 0 0 -55rpx;
|
/deep/uni-image {
|
||||||
&::before{
|
width: 220rpx;
|
||||||
content: "";
|
height: 220rpx;
|
||||||
display: block;
|
}
|
||||||
width: 100rpx;
|
|
||||||
height: 100rpx;
|
.sell_out {
|
||||||
border-radius: 100%;
|
display: flex;
|
||||||
border: 1px dashed #fff;
|
width: 110rpx;
|
||||||
position: absolute;
|
height: 110rpx;
|
||||||
top: 5rpx;
|
align-items: center;
|
||||||
left: 5rpx;
|
justify-content: center;
|
||||||
}
|
border-radius: 100%;
|
||||||
}
|
background: rgba(0, 0, 0, .6);
|
||||||
&:nth-child(3n) {
|
color: #fff;
|
||||||
margin-right: 0;
|
font-size: 24rpx;
|
||||||
}
|
position: absolute;
|
||||||
.price{
|
top: 50%;
|
||||||
display: flex;
|
left: 50%;
|
||||||
align-items: center;
|
margin: -55rpx 0 0 -55rpx;
|
||||||
justify-content: center;
|
|
||||||
font-size: 20rpx;
|
&::before {
|
||||||
text{
|
content: "";
|
||||||
font-size: 28rpx;
|
display: block;
|
||||||
}
|
width: 100rpx;
|
||||||
}
|
height: 100rpx;
|
||||||
.text-info{
|
border-radius: 100%;
|
||||||
padding: 10rpx 4rpx;
|
border: 1px dashed #fff;
|
||||||
}
|
position: absolute;
|
||||||
}
|
top: 5rpx;
|
||||||
}
|
left: 5rpx;
|
||||||
&.listC{
|
}
|
||||||
.item{
|
}
|
||||||
width: 100%;
|
|
||||||
.pictrue,/deep/image,/deep/.easy-loadimage,/deep/uni-image{
|
.text-info {
|
||||||
height: 320rpx;
|
width: 490rpx;
|
||||||
}
|
}
|
||||||
.price{
|
}
|
||||||
margin-top: 20rpx;
|
}
|
||||||
font-size: 40rpx;
|
|
||||||
display: flex;
|
&.listB {
|
||||||
align-items: center;
|
justify-content: inherit;
|
||||||
.old-price{
|
|
||||||
font-weight: normal;
|
.item {
|
||||||
font-size: 22rpx;
|
width: 31.3%;
|
||||||
margin-left: 10rpx;
|
margin-right: 3.05%;
|
||||||
}
|
|
||||||
}
|
.pictrue,
|
||||||
}
|
/deep/image,
|
||||||
}
|
/deep/.easy-loadimage,
|
||||||
&.listS{
|
/deep/uni-image {
|
||||||
.price{
|
height: 220rpx;
|
||||||
font-size: 40rpx;
|
}
|
||||||
display: flex;
|
|
||||||
align-items: baseline;
|
.sell_out {
|
||||||
.old-price{
|
display: flex;
|
||||||
font-weight: normal;
|
width: 110rpx;
|
||||||
font-size: 22rpx;
|
height: 110rpx;
|
||||||
margin-left: 10rpx;
|
align-items: center;
|
||||||
}
|
justify-content: center;
|
||||||
}
|
border-radius: 100%;
|
||||||
}
|
background: rgba(0, 0, 0, .6);
|
||||||
|
color: #fff;
|
||||||
|
font-size: 24rpx;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
margin: -55rpx 0 0 -55rpx;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
width: 100rpx;
|
||||||
|
height: 100rpx;
|
||||||
|
border-radius: 100%;
|
||||||
|
border: 1px dashed #fff;
|
||||||
|
position: absolute;
|
||||||
|
top: 5rpx;
|
||||||
|
left: 5rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:nth-child(3n) {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.price {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 20rpx;
|
||||||
|
|
||||||
|
text {
|
||||||
|
font-size: 28rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-info {
|
||||||
|
padding: 10rpx 4rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.listC {
|
||||||
|
.item {
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
.pictrue,
|
||||||
|
/deep/image,
|
||||||
|
/deep/.easy-loadimage,
|
||||||
|
/deep/uni-image {
|
||||||
|
height: 320rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.price {
|
||||||
|
margin-top: 20rpx;
|
||||||
|
font-size: 40rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
.old-price {
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 22rpx;
|
||||||
|
margin-left: 10rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.listS {
|
||||||
|
.price {
|
||||||
|
font-size: 40rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: baseline;
|
||||||
|
|
||||||
|
.old-price {
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 22rpx;
|
||||||
|
margin-left: 10rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
Loading…
x
Reference in New Issue
Block a user