Skip to content

飞
飞鹤小程序
Commit 0c78a851 authored by tao.huang's avatar tao.huang
Browse files
Options

feat: tabbar优化

parent 4ba681ef
Hide whitespace changes
Inline Side-by-side
Showing with 422 additions and 8975 deletions
components/My.vue
View file @ 0c78a851
<template>
<view class="my-container">
<!-- 用户信息区域 -->
<view class="user-info">
<view class="user-header">
<image class="avatar" :src="userInfo.avatar || '/static/my/avatar.png'" mode="aspectFill" />
<view class="user-detail">
<text class="nickname">{{ userInfo.nickname || '未登录' }}</text>
<view class="user-level">
<image class="level-icon" src="/static/my/level.png" mode="aspectFit" />
<text class="level-text">Lv.{{ userInfo.level || 1 }}</text>
</view>
</view>
<view class="edit-btn" @tap="handleEditProfile">
<image src="/static/my/edit.png" mode="aspectFit" />
</view>
</view>
</view>
</view>
<view class="my-container">
<view class="bg-container">
<image
class="bg-img"
src="/static/my/cover_white_bg.png"
mode="aspectFit"
lazy-load="false"
binderror=""
bindload=""
/>
</view>
<!-- 用户信息区域 -->
<view class="user-info">
<view class="user-header">
<image
class="avatar"
:src="userInfo.avatar || '/static/my/avatar.png'"
mode="aspectFill"
/>
<view class="user-detail">
<text class="nickname">{{ userInfo.nickname || "未登录" }}</text>
<view class="user-level">
<image
class="level-icon"
src="/static/my/level.png"
mode="aspectFit"
/>
<text class="level-text">Lv.{{ userInfo.level || 1 }}</text>
</view>
</view>
<view class="edit-btn" @tap="handleEditProfile">
<image src="/static/my/edit.png" mode="aspectFit" />
</view>
</view>
<!-- user desc -->
<view class="user-desc">
<text class="desc-text"> </text>
</view>
</view>
<!-- 工具 -->
<view class="tool-container">
<text class="tool-title" selectable="false" space="false" decode="false">
工具
</text>
<view class="tool-list">
<view class="tool-item" v-for="item in toolList" :key="item.title">
<image class="tool-icon" :src="item.icon" mode="aspectFit" />
</view>
</view>
</view>
</view>
</template>
<script setup>
import { ref, onMounted } from 'vue'
import { ref, onMounted } from "vue";
const toolList = ref([
{
icon: "/static/my/code.png",
title: "扫码积分",
url: "",
},
{
icon: "/static/my/suyuan.png",
title: "产品溯源",
url: "",
},
{
icon: "/static/my/book.png",
title: "奶娃宝典",
url: "",
},
{
icon: "/static/my/doctor.png",
title: "医生问诊",
url: "",
},
{
icon: "/static/my/literature.png",
title: "育儿百科",
url: "",
},
]);
// 用户信息
const userInfo = ref({
avatar: '',
nickname: '',
level: 1,
points: 0,
coupons: 0,
collects: 0
})
avatar: "",
nickname: "",
level: 1,
points: 0,
coupons: 0,
collects: 0,
});
// 订单数量统计
const orderCounts = ref({
pending: 0,
shipping: 0,
receiving: 0,
comment: 0,
after: 0
})
pending: 0,
shipping: 0,
receiving: 0,
comment: 0,
after: 0,
});
// 页面跳转
const navigateTo = (url) => {
uni.navigateTo({
url,
fail: (err) => {
console.error('页面跳转失败:', err)
uni.showToast({
title: '页面跳转失败',
icon: 'none'
})
}
})
}
uni.navigateTo({
url,
fail: (err) => {
console.error("页面跳转失败:", err);
uni.showToast({
title: "页面跳转失败",
icon: "none",
});
},
});
};
// 编辑个人资料
const handleEditProfile = () => {
navigateTo('/pages/user/profile')
}
navigateTo("/pages/user/profile");
};
// 联系客服
const handleContactService = () => {
// #ifdef MP-WEIXIN
uni.openCustomerServiceChat({
extInfo: { url: 'YOUR_CUSTOMER_SERVICE_URL' },
corpId: 'YOUR_CORP_ID',
success(res) {
console.log('打开客服会话成功')
},
fail(err) {
console.error('打开客服会话失败:', err)
uni.showToast({
title: '打开客服会话失败',
icon: 'none'
})
}
})
// #endif
// #ifdef H5
window.open('YOUR_CUSTOMER_SERVICE_URL', '_blank')
// #endif
}
// #ifdef MP-WEIXIN
uni.openCustomerServiceChat({
extInfo: { url: "YOUR_CUSTOMER_SERVICE_URL" },
corpId: "YOUR_CORP_ID",
success(res) {
console.log("打开客服会话成功");
},
fail(err) {
console.error("打开客服会话失败:", err);
uni.showToast({
title: "打开客服会话失败",
icon: "none",
});
},
});
// #endif
// #ifdef H5
window.open("YOUR_CUSTOMER_SERVICE_URL", "_blank");
// #endif
};
// 获取用户信息
const getUserInfo = async () => {
try {
// TODO: 调用获取用户信息接口
const res = await uni.request({
url: '/api/user/info',
method: 'GET'
})
if (res.data.code === 0) {
userInfo.value = res.data.data
}
} catch (error) {
console.error('获取用户信息失败:', error)
uni.showToast({
title: '获取用户信息失败',
icon: 'none'
})
}
}
try {
// TODO: 调用获取用户信息接口
const res = await uni.request({
url: "/api/user/info",
method: "GET",
});
if (res.data.code === 0) {
userInfo.value = res.data.data;
}
} catch (error) {
console.error("获取用户信息失败:", error);
uni.showToast({
title: "获取用户信息失败",
icon: "none",
});
}
};
// 获取订单数量
const getOrderCounts = async () => {
try {
// TODO: 调用获取订单数量接口
const res = await uni.request({
url: '/api/order/counts',
method: 'GET'
})
if (res.data.code === 0) {
orderCounts.value = res.data.data
}
} catch (error) {
console.error('获取订单数量失败:', error)
}
}
// 下拉刷新
const onPullDownRefresh = async () => {
return
try {
await Promise.all([
getUserInfo(),
getOrderCounts()
])
uni.stopPullDownRefresh()
} catch (error) {
console.error('刷新数据失败:', error)
uni.stopPullDownRefresh()
}
}
try {
// TODO: 调用获取订单数量接口
const res = await uni.request({
url: "/api/order/counts",
method: "GET",
});
if (res.data.code === 0) {
orderCounts.value = res.data.data;
}
} catch (error) {
console.error("获取订单数量失败:", error);
}
};
// 页面加载
onMounted(() => {
// getUserInfo()
// getOrderCounts()
})
// getUserInfo()
// getOrderCounts()
});
// 定义页面配置
defineExpose({
onPullDownRefresh
})
defineExpose({});
</script>
<style lang="scss" scoped>
.my-container {
min-height: 100vh;
background-color: #f5f5f5;
padding-bottom: 100rpx;
.user-info {
background-color: #fff;
padding: 40rpx 30rpx;
margin-bottom: 20rpx;
.user-header {
display: flex;
align-items: center;
margin-bottom: 40rpx;
.avatar {
width: 120rpx;
height: 120rpx;
border-radius: 60rpx;
margin-right: 20rpx;
}
.user-detail {
flex: 1;
.nickname {
font-size: 32rpx;
font-weight: 500;
color: #333;
margin-bottom: 10rpx;
}
.user-level {
display: flex;
align-items: center;
.level-icon {
width: 32rpx;
height: 32rpx;
margin-right: 8rpx;
}
.level-text {
font-size: 24rpx;
color: #666;
}
}
}
.edit-btn {
image {
width: 40rpx;
height: 40rpx;
}
}
}
.user-stats {
display: flex;
justify-content: space-around;
.stat-item {
display: flex;
flex-direction: column;
align-items: center;
.num {
font-size: 36rpx;
font-weight: 500;
color: #333;
margin-bottom: 8rpx;
}
.label {
font-size: 24rpx;
color: #666;
}
}
}
}
.my-container {
min-height: 100vh;
background-color: #f5f5f5;
padding-bottom: 100rpx;
overflow: hidden;
.bg-container {
width: 750rpx;
height: 840rpx;
position: absolute;
top: 0;
left: 0;
z-index: 0;
.bg-img {
width: 100%;
height: 100%;
display: block;
}
}
.user-info {
background-color: #fef7f2;
padding: 30rpx;
width: 686rpx;
height: 343rpx;
box-sizing: border-box;
border-radius: 32rpx;
position: relative;
margin: 0 auto;
margin-top: 676rpx;
.user-header {
display: flex;
align-items: center;
margin-bottom: 40rpx;
.avatar {
width: 120rpx;
height: 120rpx;
border-radius: 60rpx;
margin-right: 20rpx;
}
.user-detail {
flex: 1;
.nickname {
font-size: 32rpx;
font-weight: 500;
color: #333;
margin-bottom: 10rpx;
}
.user-level {
display: flex;
align-items: center;
.level-icon {
width: 32rpx;
height: 32rpx;
margin-right: 8rpx;
}
.level-text {
font-size: 24rpx;
color: #666;
}
}
}
.edit-btn {
image {
width: 40rpx;
height: 40rpx;
}
}
}
.user-stats {
display: flex;
justify-content: space-around;
.stat-item {
display: flex;
flex-direction: column;
align-items: center;
.num {
font-size: 36rpx;
font-weight: 500;
color: #333;
margin-bottom: 8rpx;
}
.label {
font-size: 24rpx;
color: #666;
}
}
}
.user-desc {
width: 100%;
height: 182rpx;
background-color: #fff;
border-radius: 32rpx;
padding: 30rpx 32rpx;
box-sizing: border-box;
position: absolute;
bottom: 0;
left: 0;
}
}
.tool-container {
margin: 0 auto;
margin-top: 48rpx;
width: 686rpx;
.tool-list {
display: flex;
flex-wrap: wrap;
margin: 32rpx 0;
}
.order-section {
background-color: #fff;
padding: 30rpx;
margin-bottom: 20rpx;
.section-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30rpx;
.title {
font-size: 32rpx;
font-weight: 500;
color: #333;
}
.more {
display: flex;
align-items: center;
text {
font-size: 24rpx;
color: #666;
margin-right: 8rpx;
}
image {
width: 32rpx;
height: 32rpx;
}
}
}
.order-types {
display: flex;
justify-content: space-between;
.type-item {
display: flex;
flex-direction: column;
align-items: center;
image {
width: 48rpx;
height: 48rpx;
margin-bottom: 12rpx;
}
text {
font-size: 24rpx;
color: #666;
}
}
}
}
.tool-title {
font-size: 32rpx;
font-weight: 500;
color: #1d1e25;
margin-left: 21rpx;
}
.function-list {
background-color: #fff;
padding: 0 30rpx;
.function-item {
display: flex;
align-items: center;
height: 100rpx;
border-bottom: 1rpx solid #f5f5f5;
&:last-child {
border-bottom: none;
}
image {
width: 40rpx;
height: 40rpx;
margin-right: 20rpx;
&.arrow {
width: 32rpx;
height: 32rpx;
margin-right: 0;
margin-left: auto;
}
}
text {
font-size: 28rpx;
color: #333;
}
}
.tool-item {
width: 152rpx;
height: 152rpx;
margin-left: 26rpx;
margin-bottom: 24rpx;
.tool-icon {
width: 100%;
height: 100%;
display: block;
};
&:nth-child(4n+1) {
margin-left: 0;
}
}
}
.order-section {
background-color: #fff;
padding: 30rpx;
margin-bottom: 20rpx;
.section-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30rpx;
.title {
font-size: 32rpx;
font-weight: 500;
color: #333;
}
.more {
display: flex;
align-items: center;
text {
font-size: 24rpx;
color: #666;
margin-right: 8rpx;
}
image {
width: 32rpx;
height: 32rpx;
}
}
}
.order-types {
display: flex;
justify-content: space-between;
.type-item {
display: flex;
flex-direction: column;
align-items: center;
image {
width: 48rpx;
height: 48rpx;
margin-bottom: 12rpx;
}
text {
font-size: 24rpx;
color: #666;
}
}
}
}
.function-list {
background-color: #fff;
padding: 0 30rpx;
.function-item {
display: flex;
align-items: center;
height: 100rpx;
border-bottom: 1rpx solid #f5f5f5;
&:last-child {
border-bottom: none;
}
image {
width: 40rpx;
height: 40rpx;
margin-right: 20rpx;
&.arrow {
width: 32rpx;
height: 32rpx;
margin-right: 0;
margin-left: auto;
}
}
text {
font-size: 28rpx;
color: #333;
}
}
}
}
.badge {
position: absolute;
top: -8rpx;
right: -8rpx;
background-color: #ff4d4f;
color: #fff;
font-size: 20rpx;
padding: 2rpx 8rpx;
border-radius: 16rpx;
min-width: 32rpx;
text-align: center;
}
.badge {
position: absolute;
top: -8rpx;
right: -8rpx;
background-color: #ff4d4f;
color: #fff;
font-size: 20rpx;
padding: 2rpx 8rpx;
border-radius: 16rpx;
min-width: 32rpx;
text-align: center;
}
.type-item {
position: relative;
}
.type-item {
position: relative;
}
</style>
components/TabBar.vue
View file @ 0c78a851
......@@ -47,11 +47,15 @@ const props = defineProps({
},
],
},
curTabIndex: {
type: Number,
default: 0,
},
});
const emit = defineEmits(["tabClick"]);
const currentIndex = ref(0);
const currentIndex = ref(props.curTabIndex);
const handleTabClick = (index, item) => {
currentIndex.value = index;
......
pages/index/index.vue
View file @ 0c78a851
......@@ -4,7 +4,7 @@
<Brand v-if="curTabIndex == 1"></Brand>
<Integral v-if="curTabIndex == 2"></Integral>
<My v-if="curTabIndex == 3"></My>
<TabBar @tabClick="handleTabClick" />
<TabBar :curTabIndex="curTabIndex" @tabClick="handleTabClick" />
</view>
</template>
......
unpackage/dist/dev/.sourcemap/mp-weixin/app.js.map deleted 100644 → 0
View file @ 4ba681ef
{"version":3,"file":"app.js","sources":["App.vue","main.js"],"sourcesContent":["<script>\r\n\texport default {\r\n\t\tonLaunch: function() {\r\n\t\t\tconsole.log('App Launch')\r\n\t\t},\r\n\t\tonShow: function() {\r\n\t\t\tconsole.log('App Show')\r\n\t\t},\r\n\t\tonHide: function() {\r\n\t\t\tconsole.log('App Hide')\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style>\r\n\t/*每个页面公共css */\r\n</style>\n","import App from \"./App\";\r\n\r\n// #ifndef VUE3\r\nimport Vue from \"vue\";\r\nimport \"./uni.promisify.adaptor\";\r\n\r\nimport { api } from \"@/api/index.js\";\r\n\r\n// 全局挂载后使用\r\nVue.prototype.$api = api;\r\n\r\nVue.config.productionTip = false;\r\nApp.mpType = \"app\";\r\n\r\nconst app = new Vue({\r\n ...App,\r\n});\r\napp.$mount();\r\n// #endif\r\n\r\n// #ifdef VUE3\r\nimport { createSSRApp } from \"vue\";\r\nexport function createApp() {\r\n const app = createSSRApp(App);\r\n return {\r\n app,\r\n };\r\n}\r\n// #endif\r\n"],"names":["uni","createSSRApp","App"],"mappings":";;;;;;AACC,MAAK,YAAU;AAAA,EACd,UAAU,WAAW;AACpBA,kBAAAA,MAAA,MAAA,OAAA,gBAAY,YAAY;AAAA,EACxB;AAAA,EACD,QAAQ,WAAW;AAClBA,kBAAAA,MAAY,MAAA,OAAA,gBAAA,UAAU;AAAA,EACtB;AAAA,EACD,QAAQ,WAAW;AAClBA,kBAAAA,MAAY,MAAA,OAAA,iBAAA,UAAU;AAAA,EACvB;AACD;ACWM,SAAS,YAAY;AAC1B,QAAM,MAAMC,2BAAaC,SAAG;AAC5B,SAAO;AAAA,IACL;AAAA,EACJ;AACA;;;"}
\ No newline at end of file
unpackage/dist/dev/.sourcemap/mp-weixin/common/assets.js.map deleted 100644 → 0
View file @ 4ba681ef
{"version":3,"file":"assets.js","sources":["../../../../../static/my/level.png","../../../../../static/my/edit.png"],"sourcesContent":["export default \"/static/my/level.png\"","export default \"/static/my/edit.png\""],"names":[],"mappings":";AAAA,MAAe,aAAA;ACAf,MAAe,aAAA;;;"}
\ No newline at end of file
unpackage/dist/dev/.sourcemap/mp-weixin/common/vendor.js.map deleted 100644 → 0
View file @ 4ba681ef
This source diff could not be displayed because it is too large. You can view the blob instead.
unpackage/dist/dev/.sourcemap/mp-weixin/components/Brand.js.map deleted 100644 → 0
View file @ 4ba681ef
{"version":3,"file":"Brand.js","sources":["/Users/huangtao/Duiba/project/20250528_FHQ1/components/Brand.vue?type=component"],"sourcesContent":["import Component from '/Users/huangtao/Duiba/project/20250528_FHQ1/components/Brand.vue'\nwx.createComponent(Component)"],"names":[],"mappings":";;;;;;;;;;;AACA,GAAG,gBAAgB,SAAS;"}
\ No newline at end of file
unpackage/dist/dev/.sourcemap/mp-weixin/components/Home.js.map deleted 100644 → 0
View file @ 4ba681ef
{"version":3,"file":"Home.js","sources":["/Users/huangtao/Duiba/project/20250528_FHQ1/components/Home.vue?type=component"],"sourcesContent":["import Component from '/Users/huangtao/Duiba/project/20250528_FHQ1/components/Home.vue'\nwx.createComponent(Component)"],"names":[],"mappings":";;;;;;;;;;;AACA,GAAG,gBAAgB,SAAS;"}
\ No newline at end of file
unpackage/dist/dev/.sourcemap/mp-weixin/components/Integral.js.map deleted 100644 → 0
View file @ 4ba681ef
{"version":3,"file":"Integral.js","sources":["/Users/huangtao/Duiba/project/20250528_FHQ1/components/Integral.vue?type=component"],"sourcesContent":["import Component from '/Users/huangtao/Duiba/project/20250528_FHQ1/components/Integral.vue'\nwx.createComponent(Component)"],"names":[],"mappings":";;;;;;;;;;;AACA,GAAG,gBAAgB,SAAS;"}
\ No newline at end of file
unpackage/dist/dev/.sourcemap/mp-weixin/components/My.js.map deleted 100644 → 0
View file @ 4ba681ef
{"version":3,"file":"My.js","sources":["components/My.vue","/Users/huangtao/Duiba/project/20250528_FHQ1/components/My.vue?type=component"],"sourcesContent":["<template>\n\t<view class=\"my-container\">\n\t\t<!-- 用户信息区域 -->\n\t\t<view class=\"user-info\">\n\t\t\t<view class=\"user-header\">\n\t\t\t\t<image class=\"avatar\" :src=\"userInfo.avatar || '/static/my/avatar.png'\" mode=\"aspectFill\" />\n\t\t\t\t<view class=\"user-detail\">\n\t\t\t\t\t<text class=\"nickname\">{{ userInfo.nickname || '未登录' }}</text>\n\t\t\t\t\t<view class=\"user-level\">\n\t\t\t\t\t\t<image class=\"level-icon\" src=\"/static/my/level.png\" mode=\"aspectFit\" />\n\t\t\t\t\t\t<text class=\"level-text\">Lv.{{ userInfo.level || 1 }}</text>\n\t\t\t\t\t</view>\n\t\t\t\t</view>\n\t\t\t\t<view class=\"edit-btn\" @tap=\"handleEditProfile\">\n\t\t\t\t\t<image src=\"/static/my/edit.png\" mode=\"aspectFit\" />\n\t\t\t\t</view>\n\t\t\t</view>\n\t\t</view>\n\t</view>\n</template>\n\n<script setup>\nimport { ref, onMounted } from 'vue'\n\n// 用户信息\nconst userInfo = ref({\n\tavatar: '',\n\tnickname: '',\n\tlevel: 1,\n\tpoints: 0,\n\tcoupons: 0,\n\tcollects: 0\n})\n\n// 订单数量统计\nconst orderCounts = ref({\n\tpending: 0,\n\tshipping: 0,\n\treceiving: 0,\n\tcomment: 0,\n\tafter: 0\n})\n\n// 页面跳转\nconst navigateTo = (url) => {\n\tuni.navigateTo({\n\t\turl,\n\t\tfail: (err) => {\n\t\t\tconsole.error('页面跳转失败:', err)\n\t\t\tuni.showToast({\n\t\t\t\ttitle: '页面跳转失败',\n\t\t\t\ticon: 'none'\n\t\t\t})\n\t\t}\n\t})\n}\n\n// 编辑个人资料\nconst handleEditProfile = () => {\n\tnavigateTo('/pages/user/profile')\n}\n\n// 联系客服\nconst handleContactService = () => {\n\t// #ifdef MP-WEIXIN\n\tuni.openCustomerServiceChat({\n\t\textInfo: { url: 'YOUR_CUSTOMER_SERVICE_URL' },\n\t\tcorpId: 'YOUR_CORP_ID',\n\t\tsuccess(res) {\n\t\t\tconsole.log('打开客服会话成功')\n\t\t},\n\t\tfail(err) {\n\t\t\tconsole.error('打开客服会话失败:', err)\n\t\t\tuni.showToast({\n\t\t\t\ttitle: '打开客服会话失败',\n\t\t\t\ticon: 'none'\n\t\t\t})\n\t\t}\n\t})\n\t// #endif\n\t\n\t// #ifdef H5\n\twindow.open('YOUR_CUSTOMER_SERVICE_URL', '_blank')\n\t// #endif\n}\n\n// 获取用户信息\nconst getUserInfo = async () => {\n\ttry {\n\t\t// TODO: 调用获取用户信息接口\n\t\tconst res = await uni.request({\n\t\t\turl: '/api/user/info',\n\t\t\tmethod: 'GET'\n\t\t})\n\t\tif (res.data.code === 0) {\n\t\t\tuserInfo.value = res.data.data\n\t\t}\n\t} catch (error) {\n\t\tconsole.error('获取用户信息失败:', error)\n\t\tuni.showToast({\n\t\t\ttitle: '获取用户信息失败',\n\t\t\ticon: 'none'\n\t\t})\n\t}\n}\n\n// 获取订单数量\nconst getOrderCounts = async () => {\n\ttry {\n\t\t// TODO: 调用获取订单数量接口\n\t\tconst res = await uni.request({\n\t\t\turl: '/api/order/counts',\n\t\t\tmethod: 'GET'\n\t\t})\n\t\tif (res.data.code === 0) {\n\t\t\torderCounts.value = res.data.data\n\t\t}\n\t} catch (error) {\n\t\tconsole.error('获取订单数量失败:', error)\n\t}\n}\n\n// 下拉刷新\nconst onPullDownRefresh = async () => {\n\treturn\n\ttry {\n\t\tawait Promise.all([\n\t\t\tgetUserInfo(),\n\t\t\tgetOrderCounts()\n\t\t])\n\t\tuni.stopPullDownRefresh()\n\t} catch (error) {\n\t\tconsole.error('刷新数据失败:', error)\n\t\tuni.stopPullDownRefresh()\n\t}\n}\n\n// 页面加载\nonMounted(() => {\n\t// getUserInfo()\n\t// getOrderCounts()\n})\n\n// 定义页面配置\ndefineExpose({\n\tonPullDownRefresh\n})\n</script>\n\n<style lang=\"scss\" scoped>\n\t.my-container {\n\t\tmin-height: 100vh;\n\t\tbackground-color: #f5f5f5;\n\t\tpadding-bottom: 100rpx;\n\n\t\t.user-info {\n\t\t\tbackground-color: #fff;\n\t\t\tpadding: 40rpx 30rpx;\n\t\t\tmargin-bottom: 20rpx;\n\n\t\t\t.user-header {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmargin-bottom: 40rpx;\n\n\t\t\t\t.avatar {\n\t\t\t\t\twidth: 120rpx;\n\t\t\t\t\theight: 120rpx;\n\t\t\t\t\tborder-radius: 60rpx;\n\t\t\t\t\tmargin-right: 20rpx;\n\t\t\t\t}\n\n\t\t\t\t.user-detail {\n\t\t\t\t\tflex: 1;\n\n\t\t\t\t\t.nickname {\n\t\t\t\t\t\tfont-size: 32rpx;\n\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t\tcolor: #333;\n\t\t\t\t\t\tmargin-bottom: 10rpx;\n\t\t\t\t\t}\n\n\t\t\t\t\t.user-level {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\talign-items: center;\n\n\t\t\t\t\t\t.level-icon {\n\t\t\t\t\t\t\twidth: 32rpx;\n\t\t\t\t\t\t\theight: 32rpx;\n\t\t\t\t\t\t\tmargin-right: 8rpx;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.level-text {\n\t\t\t\t\t\t\tfont-size: 24rpx;\n\t\t\t\t\t\t\tcolor: #666;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.edit-btn {\n\t\t\t\t\timage {\n\t\t\t\t\t\twidth: 40rpx;\n\t\t\t\t\t\theight: 40rpx;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.user-stats {\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-around;\n\n\t\t\t\t.stat-item {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t\talign-items: center;\n\n\t\t\t\t\t.num {\n\t\t\t\t\t\tfont-size: 36rpx;\n\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t\tcolor: #333;\n\t\t\t\t\t\tmargin-bottom: 8rpx;\n\t\t\t\t\t}\n\n\t\t\t\t\t.label {\n\t\t\t\t\t\tfont-size: 24rpx;\n\t\t\t\t\t\tcolor: #666;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.order-section {\n\t\t\tbackground-color: #fff;\n\t\t\tpadding: 30rpx;\n\t\t\tmargin-bottom: 20rpx;\n\n\t\t\t.section-header {\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\talign-items: center;\n\t\t\t\tmargin-bottom: 30rpx;\n\n\t\t\t\t.title {\n\t\t\t\t\tfont-size: 32rpx;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tcolor: #333;\n\t\t\t\t}\n\n\t\t\t\t.more {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\n\t\t\t\t\ttext {\n\t\t\t\t\t\tfont-size: 24rpx;\n\t\t\t\t\t\tcolor: #666;\n\t\t\t\t\t\tmargin-right: 8rpx;\n\t\t\t\t\t}\n\n\t\t\t\t\timage {\n\t\t\t\t\t\twidth: 32rpx;\n\t\t\t\t\t\theight: 32rpx;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.order-types {\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\n\t\t\t\t.type-item {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t\talign-items: center;\n\n\t\t\t\t\timage {\n\t\t\t\t\t\twidth: 48rpx;\n\t\t\t\t\t\theight: 48rpx;\n\t\t\t\t\t\tmargin-bottom: 12rpx;\n\t\t\t\t\t}\n\n\t\t\t\t\ttext {\n\t\t\t\t\t\tfont-size: 24rpx;\n\t\t\t\t\t\tcolor: #666;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.function-list {\n\t\t\tbackground-color: #fff;\n\t\t\tpadding: 0 30rpx;\n\n\t\t\t.function-item {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\theight: 100rpx;\n\t\t\t\tborder-bottom: 1rpx solid #f5f5f5;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tborder-bottom: none;\n\t\t\t\t}\n\n\t\t\t\timage {\n\t\t\t\t\twidth: 40rpx;\n\t\t\t\t\theight: 40rpx;\n\t\t\t\t\tmargin-right: 20rpx;\n\n\t\t\t\t\t&.arrow {\n\t\t\t\t\t\twidth: 32rpx;\n\t\t\t\t\t\theight: 32rpx;\n\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\tmargin-left: auto;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\ttext {\n\t\t\t\t\tfont-size: 28rpx;\n\t\t\t\t\tcolor: #333;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.badge {\n\t\tposition: absolute;\n\t\ttop: -8rpx;\n\t\tright: -8rpx;\n\t\tbackground-color: #ff4d4f;\n\t\tcolor: #fff;\n\t\tfont-size: 20rpx;\n\t\tpadding: 2rpx 8rpx;\n\t\tborder-radius: 16rpx;\n\t\tmin-width: 32rpx;\n\t\ttext-align: center;\n\t}\n\n\t.type-item {\n\t\tposition: relative;\n\t}\n</style>\n","import Component from '/Users/huangtao/Duiba/project/20250528_FHQ1/components/My.vue'\nwx.createComponent(Component)"],"names":["ref","uni","onMounted"],"mappings":";;;;;;AAyBA,UAAM,WAAWA,cAAAA,IAAI;AAAA,MACpB,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,UAAU;AAAA,IACX,CAAC;AAGmBA,kBAAAA,IAAI;AAAA,MACvB,SAAS;AAAA,MACT,UAAU;AAAA,MACV,WAAW;AAAA,MACX,SAAS;AAAA,MACT,OAAO;AAAA,IACR,CAAC;AAGD,UAAM,aAAa,CAAC,QAAQ;AAC3BC,oBAAAA,MAAI,WAAW;AAAA,QACd;AAAA,QACA,MAAM,CAAC,QAAQ;AACdA,wBAAAA,MAAA,MAAA,SAAA,2BAAc,WAAW,GAAG;AAC5BA,wBAAAA,MAAI,UAAU;AAAA,YACb,OAAO;AAAA,YACP,MAAM;AAAA,UACV,CAAI;AAAA,QACD;AAAA,MACH,CAAE;AAAA,IACF;AAGA,UAAM,oBAAoB,MAAM;AAC/B,iBAAW,qBAAqB;AAAA,IACjC;AA+DA,UAAM,oBAAoB,YAAY;AACrC;AAAA,IAWD;AAGAC,kBAAAA,UAAU,MAAM;AAAA,IAGhB,CAAC;AAGD,aAAa;AAAA,MACZ;AAAA,IACD,CAAC;;;;;;;;;;;;;;ACjJD,GAAG,gBAAgB,SAAS;"}
\ No newline at end of file
unpackage/dist/dev/.sourcemap/mp-weixin/components/TabBar.js.map deleted 100644 → 0
View file @ 4ba681ef
{"version":3,"file":"TabBar.js","sources":["components/TabBar.vue","/Users/huangtao/Duiba/project/20250528_FHQ1/components/TabBar.vue?type=component"],"sourcesContent":["<template>\n <view class=\"tab-bar\">\n <view\n v-for=\"(item, index) in tabList\"\n :key=\"index\"\n class=\"tab-item\"\n :class=\"{ active: currentIndex === index }\"\n @click=\"handleTabClick(index, item)\"\n >\n <image\n :src=\"currentIndex === index ? item.selectedIconPath : item.iconPath\"\n :class=\"`tab-icon tab-icon-${index}`\"\n />\n <text class=\"tab-text\" :class=\"{ active: currentIndex === index }\">{{\n item.text\n }}</text>\n </view>\n </view>\n</template>\n\n<script setup>\nimport { ref } from \"vue\";\n\nconst props = defineProps({\n tabList: {\n type: Array,\n default: () => [\n {\n text: \"首页\",\n iconPath: \"/static/tabBar/icon_tab_home_normal.png\",\n selectedIconPath: \"/static/tabBar/icon_tab_home_selected.png\",\n },\n {\n text: \"品牌故事\",\n iconPath: \"/static/tabBar/icon_tab_brand_normal.png\",\n selectedIconPath: \"/static/tabBar/icon_tab_brand_selected.png\",\n },\n {\n text: \"积分服务\",\n iconPath: \"/static/tabBar/icon_tab_gift_normal.png\",\n selectedIconPath: \"/static/tabBar/icon_tab_gift_selected.png\",\n },\n {\n text: \"我的\",\n iconPath: \"/static/tabBar/icon_tab_person_normal.png\",\n selectedIconPath: \"/static/tabBar/icon_tab_person_selected.png\",\n },\n ],\n },\n});\n\nconst emit = defineEmits([\"tabClick\"]);\n\nconst currentIndex = ref(0);\n\nconst handleTabClick = (index, item) => {\n currentIndex.value = index;\n emit(\"tabClick\", { index, item });\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.tab-bar {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n height: 180rpx;\n background-color: #ffffff;\n display: flex;\n justify-content: space-around;\n align-items: center;\n box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);\n\n .tab-item {\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n\n .tab-icon {\n width: 48rpx;\n height: 48rpx;\n\n position: absolute;\n top: 28rpx;\n }\n\n .tab-icon-0 {\n width: 36rpx;\n height: 40rpx;\n top: 28rpx;\n }\n .tab-icon-1 {\n width: 34rpx;\n height: 38rpx;\n top: 29rpx;\n }\n .tab-icon-2 {\n width: 38rpx;\n height: 41rpx;\n top: 24rpx;\n }\n\n .tab-icon-3 {\n width: 36rpx;\n height: 41rpx;\n top: 28rpx;\n }\n\n .tab-text {\n font-size: 20rpx;\n color: #666;\n\n position: absolute;\n top: 81rpx;\n\n &.active {\n color: #b27c1e;\n font-weight: 500;\n }\n }\n }\n}\n</style>\n","import Component from '/Users/huangtao/Duiba/project/20250528_FHQ1/components/TabBar.vue'\nwx.createComponent(Component)"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,UAAM,OAAO;AAEb,UAAM,eAAeA,cAAAA,IAAI,CAAC;AAE1B,UAAM,iBAAiB,CAAC,OAAO,SAAS;AACtC,mBAAa,QAAQ;AACrB,WAAK,YAAY,EAAE,OAAO,KAAM,CAAA;AAAA,IAClC;;;;;;;;;;;;;;;;;;;ACzDA,GAAG,gBAAgB,SAAS;"}
\ No newline at end of file
unpackage/dist/dev/.sourcemap/mp-weixin/pages/index/index.js.map deleted 100644 → 0
View file @ 4ba681ef
{"version":3,"file":"index.js","sources":["pages/index/index.vue","pages/index/index.vue?type=page"],"sourcesContent":["<template>\r\n\t<view class=\"container\">\r\n\t\t<Home v-if=\"curTabIndex == 0\"></Home>\r\n\t\t<Brand v-if=\"curTabIndex == 1\"></Brand>\r\n\t\t<Integral v-if=\"curTabIndex == 2\"></Integral>\r\n\t\t<My v-if=\"curTabIndex == 3\"></My>\r\n\t\t<TabBar @tabClick=\"handleTabClick\" />\r\n\t</view>\r\n</template>\r\n\r\n<script>\r\n\timport TabBar from '@/components/TabBar.vue'\r\n\timport Home from '@/components/Home.vue';\r\n\timport Brand from '@/components/Brand.vue';\r\n\timport Integral from '@/components/Integral.vue';\r\n\timport My from '@/components/My.vue';\r\n\r\n\texport default {\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tcurTabIndex: 0,\r\n\t\t\t};\r\n\t\t},\r\n\t\tonLoad() {},\r\n\t\tmethods: {\r\n\t\t\thandleTabClick({\r\n\t\t\t\tindex,\r\n\t\t\t\titem\r\n\t\t\t}) {\r\n\t\t\t\tconsole.log('Tab clicked:', index, item)\r\n\t\t\t\t// 这里可以根据index或item进行相应的页面跳转或其他操作\r\n\t\t\t\tthis.curTabIndex = index\r\n\t\t\t}\r\n\t\t},\r\n\t\tcomponents: {\r\n\t\t\tTabBar,\r\n\t\t\tHome,\r\n\t\t\tBrand,\r\n\t\t\tIntegral,\r\n\t\t\tMy\r\n\t\t}\r\n\t};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\t.container {\r\n\t\tmin-height: 100vh;\r\n\t\tbackground-color: #f5f5f5;\r\n\r\n\t\t.content {\r\n\t\t\tpadding-bottom: 100rpx; // 为底部TabBar留出空间\r\n\t\t}\r\n\t}\r\n\r\n\t.content {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t}\r\n\r\n\t.logo {\r\n\t\theight: 200rpx;\r\n\t\twidth: 200rpx;\r\n\t\tmargin-top: 200rpx;\r\n\t\tmargin-left: auto;\r\n\t\tmargin-right: auto;\r\n\t\tmargin-bottom: 50rpx;\r\n\t}\r\n\r\n\t.text-area {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t}\r\n\r\n\t.title {\r\n\t\tfont-size: 36rpx;\r\n\t\tcolor: #8f8f94;\r\n\t}\r\n</style>","import MiniProgramPage from '/Users/huangtao/Duiba/project/20250528_FHQ1/pages/index/index.vue'\nwx.createPage(MiniProgramPage)"],"names":["uni"],"mappings":";;AAWC,MAAK,SAAU,MAAW;AAC1B,aAAa,MAAW;AACxB,MAAK,QAAS,MAAW;AACzB,MAAO,WAAU,MAAW;AAC5B,MAAO,KAAI,MAAW;AAEtB,MAAK,YAAU;AAAA,EACd,OAAO;AACN,WAAO;AAAA,MACN,aAAa;AAAA;EAEd;AAAA,EACD,SAAS;AAAA,EAAE;AAAA,EACX,SAAS;AAAA,IACR,eAAe;AAAA,MACd;AAAA,MACA;AAAA,IACD,GAAG;AACFA,oBAAA,MAAA,MAAA,OAAA,+BAAY,gBAAgB,OAAO,IAAI;AAEvC,WAAK,cAAc;AAAA,IACpB;AAAA,EACA;AAAA,EACD,YAAY;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;;;;;;;;;;;;;;;;;;;;;;;;ACvCF,GAAG,WAAW,eAAe;"}
\ No newline at end of file
unpackage/dist/dev/mp-weixin/app.js deleted 100644 → 0
View file @ 4ba681ef
"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const common_vendor = require("./common/vendor.js");
if (!Math) {
"./pages/index/index.js";
}
const _sfc_main = {
onLaunch: function() {
common_vendor.index.__f__("log", "at App.vue:4", "App Launch");
},
onShow: function() {
common_vendor.index.__f__("log", "at App.vue:7", "App Show");
},
onHide: function() {
common_vendor.index.__f__("log", "at App.vue:10", "App Hide");
}
};
function createApp() {
const app = common_vendor.createSSRApp(_sfc_main);
return {
app
};
}
createApp().app.mount("#app");
exports.createApp = createApp;
//# sourceMappingURL=../.sourcemap/mp-weixin/app.js.map
unpackage/dist/dev/mp-weixin/app.json deleted 100644 → 0
View file @ 4ba681ef
{
"pages": [
"pages/index/index"
],
"window": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8",
"navigationStyle": "custom"
},
"usingComponents": {}
}
\ No newline at end of file
unpackage/dist/dev/mp-weixin/app.wxss deleted 100644 → 0
View file @ 4ba681ef
/*每个页面公共css */
page{--status-bar-height:25px;--top-window-height:0px;--window-top:0px;--window-bottom:0px;--window-left:0px;--window-right:0px;--window-magin:0px}[data-c-h="true"]{display: none !important;}
\ No newline at end of file
unpackage/dist/dev/mp-weixin/common/vendor.js deleted 100644 → 0
View file @ 4ba681ef
This source diff could not be displayed because it is too large. You can view the blob instead.
unpackage/dist/dev/mp-weixin/components/Brand.js deleted 100644 → 0
View file @ 4ba681ef
"use strict";
const common_vendor = require("../common/vendor.js");
const _sfc_main = {
__name: "Brand",
setup(__props) {
return (_ctx, _cache) => {
return {};
};
}
};
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-ccdca2da"]]);
wx.createComponent(Component);
//# sourceMappingURL=../../.sourcemap/mp-weixin/components/Brand.js.map
unpackage/dist/dev/mp-weixin/components/Brand.json deleted 100644 → 0
View file @ 4ba681ef
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
unpackage/dist/dev/mp-weixin/components/Brand.wxml deleted 100644 → 0
View file @ 4ba681ef
<view class="brand-container data-v-ccdca2da"><view class="content data-v-ccdca2da"><text class="data-v-ccdca2da">品牌故事内容</text></view></view>
\ No newline at end of file
unpackage/dist/dev/mp-weixin/components/Brand.wxss deleted 100644 → 0
View file @ 4ba681ef
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.brand-container.data-v-ccdca2da {
padding: 20rpx;
}
.brand-container .content.data-v-ccdca2da {
padding-bottom: 100rpx;
}
\ No newline at end of file
unpackage/dist/dev/mp-weixin/components/Home.js deleted 100644 → 0
View file @ 4ba681ef
"use strict";
const common_vendor = require("../common/vendor.js");
const _sfc_main = {
__name: "Home",
setup(__props) {
return (_ctx, _cache) => {
return {};
};
}
};
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-66361d43"]]);
wx.createComponent(Component);
//# sourceMappingURL=../../.sourcemap/mp-weixin/components/Home.js.map
unpackage/dist/dev/mp-weixin/components/Home.json deleted 100644 → 0
View file @ 4ba681ef
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
unpackage/dist/dev/mp-weixin/components/Home.wxml deleted 100644 → 0
View file @ 4ba681ef
<view class="home-container data-v-66361d43"><view class="content data-v-66361d43"><text class="data-v-66361d43">首页内容</text></view></view>
\ No newline at end of file
unpackage/dist/dev/mp-weixin/components/Home.wxss deleted 100644 → 0
View file @ 4ba681ef
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.home-container.data-v-66361d43 {
padding: 20rpx;
}
.home-container .content.data-v-66361d43 {
padding-bottom: 100rpx;
}
\ No newline at end of file
unpackage/dist/dev/mp-weixin/components/Integral.js deleted 100644 → 0
View file @ 4ba681ef
"use strict";
const common_vendor = require("../common/vendor.js");
const _sfc_main = {
__name: "Integral",
setup(__props) {
return (_ctx, _cache) => {
return {};
};
}
};
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-6b39c053"]]);
wx.createComponent(Component);
//# sourceMappingURL=../../.sourcemap/mp-weixin/components/Integral.js.map
unpackage/dist/dev/mp-weixin/components/Integral.json deleted 100644 → 0
View file @ 4ba681ef
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
unpackage/dist/dev/mp-weixin/components/Integral.wxml deleted 100644 → 0
View file @ 4ba681ef
<view class="integral-container data-v-6b39c053"><view class="content data-v-6b39c053"><text class="data-v-6b39c053">积分服务内容</text></view></view>
\ No newline at end of file
unpackage/dist/dev/mp-weixin/components/Integral.wxss deleted 100644 → 0
View file @ 4ba681ef
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.integral-container.data-v-6b39c053 {
padding: 20rpx;
}
.integral-container .content.data-v-6b39c053 {
padding-bottom: 100rpx;
}
\ No newline at end of file
unpackage/dist/dev/mp-weixin/components/My.js deleted 100644 → 0
View file @ 4ba681ef
"use strict";
const common_vendor = require("../common/vendor.js");
const common_assets = require("../common/assets.js");
const _sfc_main = {
__name: "My",
setup(__props, { expose: __expose }) {
const userInfo = common_vendor.ref({
avatar: "",
nickname: "",
level: 1,
points: 0,
coupons: 0,
collects: 0
});
common_vendor.ref({
pending: 0,
shipping: 0,
receiving: 0,
comment: 0,
after: 0
});
const navigateTo = (url) => {
common_vendor.index.navigateTo({
url,
fail: (err) => {
common_vendor.index.__f__("error", "at components/My.vue:49", "页面跳转失败:", err);
common_vendor.index.showToast({
title: "页面跳转失败",
icon: "none"
});
}
});
};
const handleEditProfile = () => {
navigateTo("/pages/user/profile");
};
const onPullDownRefresh = async () => {
return;
};
common_vendor.onMounted(() => {
});
__expose({
onPullDownRefresh
});
return (_ctx, _cache) => {
return {
a: userInfo.value.avatar || "/static/my/avatar.png",
b: common_vendor.t(userInfo.value.nickname || "未登录"),
c: common_assets._imports_0,
d: common_vendor.t(userInfo.value.level || 1),
e: common_assets._imports_1,
f: common_vendor.o(handleEditProfile)
};
};
}
};
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-5e0d8f88"]]);
wx.createComponent(Component);
//# sourceMappingURL=../../.sourcemap/mp-weixin/components/My.js.map
unpackage/dist/dev/mp-weixin/components/My.json deleted 100644 → 0
View file @ 4ba681ef
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
unpackage/dist/dev/mp-weixin/components/My.wxml deleted 100644 → 0
View file @ 4ba681ef
<view class="my-container data-v-5e0d8f88"><view class="user-info data-v-5e0d8f88"><view class="user-header data-v-5e0d8f88"><image class="avatar data-v-5e0d8f88" src="{{a}}" mode="aspectFill"/><view class="user-detail data-v-5e0d8f88"><text class="nickname data-v-5e0d8f88">{{b}}</text><view class="user-level data-v-5e0d8f88"><image class="level-icon data-v-5e0d8f88" src="{{c}}" mode="aspectFit"/><text class="level-text data-v-5e0d8f88">Lv.{{d}}</text></view></view><view class="edit-btn data-v-5e0d8f88" bindtap="{{f}}"><image class="data-v-5e0d8f88" src="{{e}}" mode="aspectFit"/></view></view></view></view>
\ No newline at end of file
unpackage/dist/dev/mp-weixin/components/My.wxss deleted 100644 → 0
View file @ 4ba681ef
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.my-container.data-v-5e0d8f88 {
min-height: 100vh;
background-color: #f5f5f5;
padding-bottom: 100rpx;
}
.my-container .user-info.data-v-5e0d8f88 {
background-color: #fff;
padding: 40rpx 30rpx;
margin-bottom: 20rpx;
}
.my-container .user-info .user-header.data-v-5e0d8f88 {
display: flex;
align-items: center;
margin-bottom: 40rpx;
}
.my-container .user-info .user-header .avatar.data-v-5e0d8f88 {
width: 120rpx;
height: 120rpx;
border-radius: 60rpx;
margin-right: 20rpx;
}
.my-container .user-info .user-header .user-detail.data-v-5e0d8f88 {
flex: 1;
}
.my-container .user-info .user-header .user-detail .nickname.data-v-5e0d8f88 {
font-size: 32rpx;
font-weight: 500;
color: #333;
margin-bottom: 10rpx;
}
.my-container .user-info .user-header .user-detail .user-level.data-v-5e0d8f88 {
display: flex;
align-items: center;
}
.my-container .user-info .user-header .user-detail .user-level .level-icon.data-v-5e0d8f88 {
width: 32rpx;
height: 32rpx;
margin-right: 8rpx;
}
.my-container .user-info .user-header .user-detail .user-level .level-text.data-v-5e0d8f88 {
font-size: 24rpx;
color: #666;
}
.my-container .user-info .user-header .edit-btn image.data-v-5e0d8f88 {
width: 40rpx;
height: 40rpx;
}
.my-container .user-info .user-stats.data-v-5e0d8f88 {
display: flex;
justify-content: space-around;
}
.my-container .user-info .user-stats .stat-item.data-v-5e0d8f88 {
display: flex;
flex-direction: column;
align-items: center;
}
.my-container .user-info .user-stats .stat-item .num.data-v-5e0d8f88 {
font-size: 36rpx;
font-weight: 500;
color: #333;
margin-bottom: 8rpx;
}
.my-container .user-info .user-stats .stat-item .label.data-v-5e0d8f88 {
font-size: 24rpx;
color: #666;
}
.my-container .order-section.data-v-5e0d8f88 {
background-color: #fff;
padding: 30rpx;
margin-bottom: 20rpx;
}
.my-container .order-section .section-header.data-v-5e0d8f88 {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30rpx;
}
.my-container .order-section .section-header .title.data-v-5e0d8f88 {
font-size: 32rpx;
font-weight: 500;
color: #333;
}
.my-container .order-section .section-header .more.data-v-5e0d8f88 {
display: flex;
align-items: center;
}
.my-container .order-section .section-header .more text.data-v-5e0d8f88 {
font-size: 24rpx;
color: #666;
margin-right: 8rpx;
}
.my-container .order-section .section-header .more image.data-v-5e0d8f88 {
width: 32rpx;
height: 32rpx;
}
.my-container .order-section .order-types.data-v-5e0d8f88 {
display: flex;
justify-content: space-between;
}
.my-container .order-section .order-types .type-item.data-v-5e0d8f88 {
display: flex;
flex-direction: column;
align-items: center;
}
.my-container .order-section .order-types .type-item image.data-v-5e0d8f88 {
width: 48rpx;
height: 48rpx;
margin-bottom: 12rpx;
}
.my-container .order-section .order-types .type-item text.data-v-5e0d8f88 {
font-size: 24rpx;
color: #666;
}
.my-container .function-list.data-v-5e0d8f88 {
background-color: #fff;
padding: 0 30rpx;
}
.my-container .function-list .function-item.data-v-5e0d8f88 {
display: flex;
align-items: center;
height: 100rpx;
border-bottom: 1rpx solid #f5f5f5;
}
.my-container .function-list .function-item.data-v-5e0d8f88:last-child {
border-bottom: none;
}
.my-container .function-list .function-item image.data-v-5e0d8f88 {
width: 40rpx;
height: 40rpx;
margin-right: 20rpx;
}
.my-container .function-list .function-item image.arrow.data-v-5e0d8f88 {
width: 32rpx;
height: 32rpx;
margin-right: 0;
margin-left: auto;
}
.my-container .function-list .function-item text.data-v-5e0d8f88 {
font-size: 28rpx;
color: #333;
}
.badge.data-v-5e0d8f88 {
position: absolute;
top: -8rpx;
right: -8rpx;
background-color: #ff4d4f;
color: #fff;
font-size: 20rpx;
padding: 2rpx 8rpx;
border-radius: 16rpx;
min-width: 32rpx;
text-align: center;
}
.type-item.data-v-5e0d8f88 {
position: relative;
}
\ No newline at end of file
unpackage/dist/dev/mp-weixin/components/TabBar.js deleted 100644 → 0
View file @ 4ba681ef
"use strict";
const common_vendor = require("../common/vendor.js");
const _sfc_main = {
__name: "TabBar",
props: {
tabList: {
type: Array,
default: () => [
{
text: "首页",
iconPath: "/static/tabBar/icon_tab_home_normal.png",
selectedIconPath: "/static/tabBar/icon_tab_home_selected.png"
},
{
text: "品牌故事",
iconPath: "/static/tabBar/icon_tab_brand_normal.png",
selectedIconPath: "/static/tabBar/icon_tab_brand_selected.png"
},
{
text: "积分服务",
iconPath: "/static/tabBar/icon_tab_gift_normal.png",
selectedIconPath: "/static/tabBar/icon_tab_gift_selected.png"
},
{
text: "我的",
iconPath: "/static/tabBar/icon_tab_person_normal.png",
selectedIconPath: "/static/tabBar/icon_tab_person_selected.png"
}
]
}
},
emits: ["tabClick"],
setup(__props, { emit: __emit }) {
const emit = __emit;
const currentIndex = common_vendor.ref(0);
const handleTabClick = (index, item) => {
currentIndex.value = index;
emit("tabClick", { index, item });
};
return (_ctx, _cache) => {
return {
a: common_vendor.f(__props.tabList, (item, index, i0) => {
return {
a: currentIndex.value === index ? item.selectedIconPath : item.iconPath,
b: common_vendor.n(`tab-icon tab-icon-${index}`),
c: common_vendor.t(item.text),
d: currentIndex.value === index ? 1 : "",
e: index,
f: currentIndex.value === index ? 1 : "",
g: common_vendor.o(($event) => handleTabClick(index, item), index)
};
})
};
};
}
};
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-89ca1f91"]]);
wx.createComponent(Component);
//# sourceMappingURL=../../.sourcemap/mp-weixin/components/TabBar.js.map
unpackage/dist/dev/mp-weixin/components/TabBar.json deleted 100644 → 0
View file @ 4ba681ef
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
unpackage/dist/dev/mp-weixin/components/TabBar.wxml deleted 100644 → 0
View file @ 4ba681ef
<view class="tab-bar data-v-89ca1f91"><view wx:for="{{a}}" wx:for-item="item" wx:key="e" class="{{['tab-item', 'data-v-89ca1f91', item.f && 'active']}}" bindtap="{{item.g}}"><image src="{{item.a}}" class="{{['data-v-89ca1f91', item.b]}}"/><text class="{{['tab-text', 'data-v-89ca1f91', item.d && 'active']}}">{{item.c}}</text></view></view>
\ No newline at end of file
unpackage/dist/dev/mp-weixin/components/TabBar.wxss deleted 100644 → 0
View file @ 4ba681ef
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.tab-bar.data-v-89ca1f91 {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 180rpx;
background-color: #ffffff;
display: flex;
justify-content: space-around;
align-items: center;
box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
}
.tab-bar .tab-item.data-v-89ca1f91 {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
}
.tab-bar .tab-item .tab-icon.data-v-89ca1f91 {
width: 48rpx;
height: 48rpx;
position: absolute;
top: 28rpx;
}
.tab-bar .tab-item .tab-icon-0.data-v-89ca1f91 {
width: 36rpx;
height: 40rpx;
top: 28rpx;
}
.tab-bar .tab-item .tab-icon-1.data-v-89ca1f91 {
width: 34rpx;
height: 38rpx;
top: 29rpx;
}
.tab-bar .tab-item .tab-icon-2.data-v-89ca1f91 {
width: 38rpx;
height: 41rpx;
top: 24rpx;
}
.tab-bar .tab-item .tab-icon-3.data-v-89ca1f91 {
width: 36rpx;
height: 41rpx;
top: 28rpx;
}
.tab-bar .tab-item .tab-text.data-v-89ca1f91 {
font-size: 20rpx;
color: #666;
position: absolute;
top: 81rpx;
}
.tab-bar .tab-item .tab-text.active.data-v-89ca1f91 {
color: #b27c1e;
font-weight: 500;
}
\ No newline at end of file
unpackage/dist/dev/mp-weixin/pages/index/index.js deleted 100644 → 0
View file @ 4ba681ef
"use strict";
const common_vendor = require("../../common/vendor.js");
const TabBar = () => "../../components/TabBar.js";
const Home = () => "../../components/Home.js";
const Brand = () => "../../components/Brand.js";
const Integral = () => "../../components/Integral.js";
const My = () => "../../components/My.js";
const _sfc_main = {
data() {
return {
curTabIndex: 0
};
},
onLoad() {
},
methods: {
handleTabClick({
index,
item
}) {
common_vendor.index.__f__("log", "at pages/index/index.vue:30", "Tab clicked:", index, item);
this.curTabIndex = index;
}
},
components: {
TabBar,
Home,
Brand,
Integral,
My
}
};
if (!Array) {
const _component_Home = common_vendor.resolveComponent("Home");
const _component_Brand = common_vendor.resolveComponent("Brand");
const _component_Integral = common_vendor.resolveComponent("Integral");
const _component_My = common_vendor.resolveComponent("My");
const _component_TabBar = common_vendor.resolveComponent("TabBar");
(_component_Home + _component_Brand + _component_Integral + _component_My + _component_TabBar)();
}
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return common_vendor.e({
a: $data.curTabIndex == 0
}, $data.curTabIndex == 0 ? {} : {}, {
b: $data.curTabIndex == 1
}, $data.curTabIndex == 1 ? {} : {}, {
c: $data.curTabIndex == 2
}, $data.curTabIndex == 2 ? {} : {}, {
d: $data.curTabIndex == 3
}, $data.curTabIndex == 3 ? {} : {}, {
e: common_vendor.o($options.handleTabClick)
});
}
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-1cf27b2a"]]);
wx.createPage(MiniProgramPage);
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/index/index.js.map
unpackage/dist/dev/mp-weixin/pages/index/index.json deleted 100644 → 0
View file @ 4ba681ef
{
"navigationBarTitleText": "首页",
"usingComponents": {
"tab-bar": "../../components/TabBar",
"home": "../../components/Home",
"brand": "../../components/Brand",
"integral": "../../components/Integral",
"my": "../../components/My"
}
}
\ No newline at end of file
unpackage/dist/dev/mp-weixin/pages/index/index.wxml deleted 100644 → 0
View file @ 4ba681ef
<view class="container data-v-1cf27b2a"><home wx:if="{{a}}" class="data-v-1cf27b2a" u-i="1cf27b2a-0" bind:__l="__l"></home><brand wx:if="{{b}}" class="data-v-1cf27b2a" u-i="1cf27b2a-1" bind:__l="__l"></brand><integral wx:if="{{c}}" class="data-v-1cf27b2a" u-i="1cf27b2a-2" bind:__l="__l"></integral><my wx:if="{{d}}" class="data-v-1cf27b2a" u-i="1cf27b2a-3" bind:__l="__l"></my><tab-bar class="data-v-1cf27b2a" bindtabClick="{{e}}" u-i="1cf27b2a-4" bind:__l="__l"/></view>
\ No newline at end of file
unpackage/dist/dev/mp-weixin/pages/index/index.wxss deleted 100644 → 0
View file @ 4ba681ef
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.container.data-v-1cf27b2a {
min-height: 100vh;
background-color: #f5f5f5;
}
.container .content.data-v-1cf27b2a {
padding-bottom: 100rpx;
}
.content.data-v-1cf27b2a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.logo.data-v-1cf27b2a {
height: 200rpx;
width: 200rpx;
margin-top: 200rpx;
margin-left: auto;
margin-right: auto;
margin-bottom: 50rpx;
}
.text-area.data-v-1cf27b2a {
display: flex;
justify-content: center;
}
.title.data-v-1cf27b2a {
font-size: 36rpx;
color: #8f8f94;
}
\ No newline at end of file
unpackage/dist/dev/mp-weixin/project.config.json deleted 100644 → 0
View file @ 4ba681ef
{
"description": "项目配置文件。",
"packOptions": {
"ignore": [],
"include": []
},
"setting": {
"urlCheck": false,
"es6": true,
"postcss": false,
"minified": false,
"newFeature": true,
"bigPackageSizeSupport": true,
"babelSetting": {
"ignore": [],
"disablePlugins": [],
"outputPath": ""
}
},
"compileType": "miniprogram",
"libVersion": "3.4.10",
"appid": "wx1f110fcec1d6adc4",
"projectname": "20250528_FHQ1",
"condition": {},
"editorSetting": {
"tabIndent": "insertSpaces",
"tabSize": 2
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment