jone/crmeb-mp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 添加静态资源文件及基础组件

Browse Source 
- 新增大量图片资源，包括图标、背景图、海报等，用于页面展示
- 添加字体文件及样式配置，支持自定义字体
- 引入 uni-ui 组件库，包括图标、弹窗、日期选择器等常用组件
- 添加网络状态监听、加密工具等基础工具函数
- 配置 Vuex 状态管理，包括购物车数量、热门搜索词等
- 增加页面组件，如用户协议、分销信息、提现状态等
- 配置项目构建和忽略文件，优化开发体验
This commit is contained in:
karlcarlo
2026-02-26 17:59:51 +08:00
commit a5c5d753b6
720 changed files with 178840 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

501
pages/users/user_goods_collection/index.vue Normal file
View File

@@ -0,0 +1,501 @@
<template>
<view class="collection" :style="colorStyle">
<!-- <view class="h-80 bg--w111-fff flex-x-center">
<view class="mx-100 flex-y-center" :class="{'active-tab': active == index}"
v-for="(item,index) in navList" :key="index" @tap="navTap(index)">{{item.name}}</view>
</view> -->
<view class="manage flex-between-center" v-if="collectProductList.length">
<view>共 <text class="num">{{count}}</text> 件商品</view>
<view class="close" @click="manageTap" v-if="administer">完成</view>
<view @click="manageTap" v-else>管理</view>
</view>
<view class="collectList" v-if="collectProductList.length && !active">
<view class="pt-8 rd-b-24rpx bg--w111-fff">
<checkbox-group @change="checkboxChange">
<view class="item p-24 relative acea-row" v-for="(item,index) in collectProductList" :key="index"
@click="goGoods(item)">
<!-- #ifndef MP -->
<checkbox class="checkbox" v-if="administer" :value="(item.id).toString()" :checked="item.checked"
color="#ffffff" backgroundColor="#ffffff"
activeBackgroundColor="var(--view-theme)"
activeBorderColor="var(--view-theme)"/>
<!-- #endif -->
<!-- #ifdef MP -->
<checkbox class="checkbox" v-if="administer" :value="item.id" :checked="item.checked" color="#ffffff" />
<!-- #endif -->
<easy-loadimage :image-src="item.image" :borderSrc="item.activity_frame.image" width="200rpx" height="200rpx" borderRadius="16rpx"></easy-loadimage>
<view class="flex-1 pl-20 flex-col">
<view class="flex-1">
<view class="fs-28 h-80 lh-40 line2" :class="item.is_show ? 'text--w111-333' : 'text--w111-ccc'">{{item.store_name}}</view>
<!-- <view class="flex items-end flex-wrap mt-12 w-full" v-if="item.store_label && item.store_label.length">
<BaseTag
:text="label.label_name"
:color="label.color"
:background="label.bg_color"
:borderColor="label.border_color"
:circle="label.border_color ? true : false"
:imgSrc="label.icon"
v-for="(label, idx) in item.store_label" :key="idx"></BaseTag>
</view> -->
</view>
<view class="money fs-24 acea-row row-bottom row-between">
<view class="acea-row row-bottom">
<BaseMoney :money="item.price" symbolSize="24" integerSize="40" decimalSize="24" :color="item.is_show ? 'var(--view-theme)' : '#cccccc'"></BaseMoney>
<view class="svip acea-row" v-if="item.price_type == 'member' && item.vip_price > 0">
<view class="labelCon acea-row row-middle">SVIP</view>
<view class="acea-row row-middle">
<BaseMoney :money="item.vip_price" symbolSize="22" integerSize="22" decimalSize="22"></BaseMoney>
</view>
</view>
</view>
<view class="w-48 h-48 rd-50-p111- bg--w111-f5f5f5 flex-center">
<text class="iconfont fs-30 icon-ic_ShoppingCart1" :class="item.is_show ? 'text--w111-333' : 'text--w111-ccc'"></text>
</view>
</view>
</view>
</view>
</checkbox-group>
</view>
<view class='loadingicon acea-row row-center-wrapper'>
<text class='loading iconfont icon-jiazai' :hidden='loading==false'></text>{{loadTitle}}
</view>
<view class="footer acea-row row-between-wrapper" v-if="administer">
<checkbox-group @change="checkboxAllChange">
<checkbox value="all" :checked="isAllSelect"
color="#ffffff" backgroundColor="#ffffff"
activeBackgroundColor="var(--view-theme)" />
<text class='checkAll'>全选</text>
</checkbox-group>
<view class="acea-row row-middle">
<view class="bnt on acea-row row-center-wrapper" @click="del('product')">取消收藏</view>
</view>
</view>
<view class="footer-placeholder" v-if="administer"></view>
<view class="safe-placeholder"></view>
</view>
<view class='px-20 mt-20' v-else-if="!collectProductList.length && page > 1">
<emptyPage title="暂无收藏，去看点别的吧～" src="/statics/images/noCollection.gif"></emptyPage>
<recommend :hostProduct="hostProduct" :title="recommendTitle"></recommend>
</view>
<home></home>
</view>
</template>
<script>
import colors from '@/mixins/color.js';
import {
HTTP_REQUEST_URL
} from '@/config/app';
import {
getCollectUserList,
getProductHot,
collectDel
} from '@/api/store.js';
import {
mapGetters
} from "vuex";
import {
toLogin
} from '@/libs/login.js';
import recommend from '@/components/recommend';
import BaseMoney from '@/components/BaseMoney.vue';
import emptyPage from '@/components/emptyPage.vue';
import WaterfallsFlow from '@/components/WaterfallsFlow/WaterfallsFlow.vue';
import { goShopDetail } from '@/libs/order.js';
export default {
mixins: [colors],
computed: mapGetters(['isLogin']),
components: {
recommend,
BaseMoney,
emptyPage,
WaterfallsFlow,
},
data() {
return {
navList: [{
name: '商品'
},
{
name: '视频'
}
],
active: 0,
hostProduct: [],
loadTitle: '加载更多',
loading: false,
loadend: false,
collectProductList: [],
limit: 20,
page: 1,
hotScroll: false,
hotPage: 1,
hotLimit: 10,
imgHost: HTTP_REQUEST_URL,
administer: 0,
isAllSelect: false,
count: 0,
isShowAuth: false,
recommendTitle: ""
}
},
onLoad(options) {
this.active = options.active || 0
},
onShow() {
uni.removeStorageSync('form_type_cart');
this.loadend = false;
this.page = 1;
this.collectProductList = [];
this.get_host_product();
if (this.isLogin) {
this.get_user_collect_product(this.active ? 'video' : 'product');
} else {
toLogin()
}
},
methods: {
onLoadFun() {
this.get_user_collect_product('product');
this.isShowAuth = false;
},
// 授权关闭
authColse: function(e) {
this.isShowAuth = e
},
goGoods(item) {
if (this.administer) return false
goShopDetail(item, this.$store.state.app.uid).catch(res => {
uni.navigateTo({
url: `/pages/goods_details/index?id=${item.id}`
});
});
// uni.navigateTo({
// url: `/pages/goods_details/index?id=${id}`
// });
},
goVideo(id) {
if (this.administer) return false
uni.navigateTo({
//#ifdef APP
url: '/pages/short_video/appSwiper/index?id=' + id,
//#endif
//#ifndef APP
url: '/pages/short_video/nvueSwiper/index?id=' + id,
//#endif
})
},
del(type) {
let ids = [];
this.collectProductList.forEach(item => {
if (item.checked) {
ids.push(item.id);
}
})
if (!ids.length) {
return this.$util.Tips({
title: '请选择收藏商品或视频'
});
}
collectDel(ids, type).then(res => {
this.loadend = false;
this.page = 1;
this.$set(this, 'collectProductList', []);
this.get_user_collect_product(type);
return this.$util.Tips({
title: res.msg
});
}).catch(err => {
return this.$util.Tips({
title: err
});
})
},
checkboxChange(event) {
let idList = event.detail.value;
this.collectProductList.forEach((item) => {
if (idList.indexOf(item.id + '') !== -1) {
item.checked = true;
} else {
item.checked = false;
}
})
if (idList.length == this.collectProductList.length) {
this.isAllSelect = true;
} else {
this.isAllSelect = false;
}
},
forGoods(val) {
let that = this;
if (!that.collectProductList.length) return
that.collectProductList.forEach((item) => {
if (val) {
item.checked = true;
} else {
item.checked = false;
}
})
},
checkboxAllChange(event) {
let value = event.detail.value;
if (value.length) {
this.forGoods(1)
} else {
this.forGoods(0)
}
},
manageTap() {
this.administer = !this.administer;
},
navTap(index) {
this.active = index;
let type = 'product'
if (index) {
type = 'video'
} else {
type = 'product'
}
this.isAllSelect = false;
this.forGoods(0);
this.loadend = false;
this.page = 1;
this.$set(this, 'collectProductList', []);
this.get_user_collect_product(type);
},
/**
* 获取收藏产品
*/
get_user_collect_product: function(type) {
let that = this;
if (this.loading) return;
if (this.loadend) return;
that.loading = true;
that.loadTitle = "";
getCollectUserList({
page: that.page,
limit: that.limit,
}).then(res => {
let collectProductList = res.data.list;
collectProductList.forEach(item => {
item.checked = false;
})
this.count = res.data.count;
let loadend = collectProductList.length < that.limit;
that.collectProductList = that.$util.SplitArray(collectProductList, that.collectProductList);
that.$set(that, 'collectProductList', that.collectProductList);
that.loadend = loadend;
that.loadTitle = loadend ? '没有更多内容啦~' : '加载更多';
that.page = that.page + 1;
that.loading = false;
}).catch(err => {
that.loading = false;
that.loadTitle = "加载更多";
});
},
/**
* 获取我的推荐
*/
get_host_product: function() {
let that = this;
if (that.hotScroll) return
getProductHot({
page:that.hotPage,
limit:that.hotLimit,
type:4
}).then(res => {
that.hotPage++
that.hotScroll = res.data.length < that.hotLimit
that.hostProduct = that.hostProduct.concat(res.data.list);
that.recommendTitle = res.data.title ? res.data.title : '猜你喜欢';
});
}
},
onPageScroll(e) {
uni.$emit('scroll');
},
onReachBottom() {
if (this.collectProductList.length) {
this.get_user_collect_product('product');
} else {
this.get_host_product();
}
}
}
</script>
<style lang="scss">
/deep/ checkbox .wx-checkbox-input.wx-checkbox-input-checked {
border: 1px solid var(--view-theme) !important;
background-color: var(--view-theme) !important;
color: #fff !important;
}
.mx-100{
margin: 0 100rpx;
}
.active-tab{
font-weight: 500;
font-size: 30rpx;
color: var(--view-theme);
position: relative;
&:after{
content: '';
position: absolute;
width: 64rpx;
height: 6rpx;
background: var(--view-theme);
bottom: 0;
}
}
.collection {
.manage {
margin-top: 20rpx;
padding: 32rpx 24rpx 0;
border-radius: 24rpx 24rpx 0 0;
font-weight: 400;
color: #333333;
font-size: 28rpx;
line-height: 40rpx;
background-color: #fff;
.close {
color: #999999;
}
.num {
color: var(--view-theme);
margin: 0 5rpx;
}
}
.collectList {
.item {
position: relative;
padding: 24rpx;
.checkbox {
align-self: center;
margin-right: 20rpx;
}
/deep/checkbox .uni-checkbox-input {
margin-right: 0;
}
.svip {
height: 26rpx;
padding-right: 6rpx;
border-radius: 13rpx;
margin: 0 0 6rpx 8rpx;
background-color: #FFF0D1;
line-height: 1;
}
.labelCon {
padding: 0 6rpx;
border-radius: 13rpx 0 13rpx 13rpx;
margin-right: 6rpx;
background: linear-gradient(90deg, #484643 0%, #1F1B17 100%);
font-weight: 600;
font-size: 18rpx;
color: #FDDAA4;
}
}
}
.videoList {
// padding: 0 4rpx 100rpx 4rpx;
.videoList-content {
// padding: 0 4rpx 100rpx 4rpx;
padding: 8rpx 0;
border-radius: 0 0 24rpx 24rpx;
background-color: #FFFFFF;
}
.item {
width: 226rpx;
height: 300rpx;
border-radius: 8rpx;
position: relative;
margin-left: 16rpx;
margin-top: 20rpx;
position: relative;
overflow: hidden;
image {
width: 100%;
height: 100%;
}
.checkbox {
position: absolute;
top: 10rpx;
left: 10rpx;
z-index: 9;
}
.like {
position: absolute;
color: #fff;
bottom: 0;
font-weight: 400;
font-size: 20rpx;
left: 0;
width: 226rpx;
height: 100rpx;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.25) 100%);
border-radius: 0 0 8rpx 8rpx;
padding: 0 0 14rpx 14rpx;
.iconfont {
font-size: 24rpx;
margin-right: 6rpx;
}
}
}
}
.safe-placeholder {
height: constant(safe-area-inset-bottom);
height: env(safe-area-inset-bottom);
}
.footer-placeholder {
height: 96rpx;
}
.footer {
box-sizing: border-box;
padding: 0 32rpx;
width: 100%;
height: 96rpx;
background-color: #fff;
position: fixed;
bottom: 0;
z-index: 30;
height: calc(96rpx + constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
height: calc(96rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
padding-bottom: constant(safe-area-inset-bottom); ///兼容 IOS<11.2/
padding-bottom: env(safe-area-inset-bottom); ///兼容 IOS>11.2/
width: 100%;
left: 0;
.bnt {
width: 186rpx;
height: 64rpx;
border-radius: 32rpx;
border: 1rpx solid #ccc;
color: #666666;
&.on {
border: 1rpx solid var(--view-theme);
margin-left: 16rpx;
color: var(--view-theme);
}
}
}
}
</style>