feat: 黄精粉前端功能集成 + 个人中心/资产/公排页面优化 + 去除admin copyright
主要改动: - 个人中心: 去除HjfMemberBadge徽章, 会员等级改显示vip_name, "我的资产"/"公排查询"导航项改为与member-points一致风格 - 我的资产页面: 去除HjfMemberBadge, 美化卡片圆角和阴影 - 公排查询页面: 美化顶部渐变和订单卡片样式 - Admin登录页和后台布局: 彻底删除footer copyright信息 - 新增黄精粉业务页面/组件/API/Mock数据(Phase 1) - 新增PHP环境配置文档和启动脚本 Made-with: Cursor
This commit is contained in:
@@ -4,6 +4,29 @@
|
||||
<template v-if="isObjectData(diyData)">
|
||||
<user-member :userInfo="userInfo" :memberData="diyData.member" :orderAdminData="orderAdminData" :balanceStatus="balanceStatus" :isScrolling="isScrolling"></user-member>
|
||||
<user-order :orderMenu="orderMenu" :orderAdminData="orderAdminData" :userInfo="userInfo" :memberData="diyData.member" :orderData="diyData.order"></user-order>
|
||||
<!-- 黄精粉快捷入口:我的资产 & 公排记录(与 member-points 保持一致风格) -->
|
||||
<view class="acea-row member-points hjf-nav-row">
|
||||
<view class="acea-row row-middle row-center item" @tap="intoPage('/pages/assets/index')">
|
||||
<view>
|
||||
<view>我的资产</view>
|
||||
<view class="arrow">
|
||||
查看余额、积分
|
||||
<text class="iconfont icon-ic_rightarrow"></text>
|
||||
</view>
|
||||
</view>
|
||||
<image src="@/static/images/user-member.png" class="image"></image>
|
||||
</view>
|
||||
<view class="acea-row row-middle row-center item" @tap="intoPage('/pages/queue/status')">
|
||||
<view>
|
||||
<view>公排查询</view>
|
||||
<view class="arrow">
|
||||
查看排队进度
|
||||
<text class="iconfont icon-ic_rightarrow"></text>
|
||||
</view>
|
||||
</view>
|
||||
<image src="@/static/images/user-points.png" class="image"></image>
|
||||
</view>
|
||||
</view>
|
||||
<user-order-static
|
||||
v-if="isObjectData(orderAdminData) && orderAdminData.order.user_order"
|
||||
:orderAdminData="orderAdminData.order"
|
||||
@@ -13,7 +36,7 @@
|
||||
<user-menu :menuData="diyData.menu" :routineContact="routineContact"></user-menu>
|
||||
<user-menu v-if="storeMenuShow" :menuData="diyData.merMenu"></user-menu>
|
||||
<view class="copy_right pb-20">
|
||||
<template v-if="configData.copyrightContext">
|
||||
<template v-if="configData && configData.copyrightContext">
|
||||
<image :src="configData.copyrightImage" mode="aspectFill" class="copyRightImg"></image>
|
||||
<view class="of0b21">
|
||||
{{ configData.copyrightContext }}
|
||||
@@ -29,6 +52,8 @@
|
||||
<!-- #ifdef MP -->
|
||||
<editUserModal :isShow="editModal" @closeEdit="closeEdit" @editSuccess="editSuccess"></editUserModal>
|
||||
<!-- #endif -->
|
||||
<!-- HJF 演示控制面板 -->
|
||||
<HjfDemoPanel />
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
@@ -187,7 +212,7 @@ export default {
|
||||
color: ['#333', '#333'] //边框颜色支持渐变色
|
||||
},
|
||||
imgHost: HTTP_REQUEST_URL,
|
||||
configData: Cache.get('BASIC_CONFIG'),
|
||||
configData: Cache.get('BASIC_CONFIG') || {},
|
||||
copyrightImage: HTTP_REQUEST_URL + '/statics/images/product/support.png',
|
||||
giftPic: '',
|
||||
vip_type: 1,
|
||||
@@ -632,13 +657,15 @@ export default {
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
<style scoped lang="scss">
|
||||
.footer-placeholder {
|
||||
height: calc(98rpx + constant(safe-area-inset-bottom));
|
||||
height: calc(98rpx + env(safe-area-inset-bottom));
|
||||
height: 98rpx;
|
||||
}
|
||||
|
||||
.user-page {
|
||||
position: relative;
|
||||
padding-bottom: calc(100rpx+ constant(safe-area-inset-bottom));
|
||||
padding-bottom: calc(100rpx + env(safe-area-inset-bottom));
|
||||
padding-bottom: 100rpx;
|
||||
@@ -667,4 +694,62 @@ export default {
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
}
|
||||
|
||||
// 黄精粉导航行:复用 member-points 样式(与会员中心/积分商城完全一致)
|
||||
.hjf-nav-row {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
.member-points {
|
||||
border-radius: 20rpx;
|
||||
margin: 20rpx;
|
||||
background-color: #ffffff;
|
||||
|
||||
.item {
|
||||
position: relative;
|
||||
flex: 1;
|
||||
height: 134rpx;
|
||||
padding-left: 40rpx;
|
||||
font-weight: 500;
|
||||
font-size: 28rpx;
|
||||
line-height: 34rpx;
|
||||
color: #333333;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
height: 48rpx;
|
||||
border-left: 1rpx solid #eeeeee;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
&:first-child::before {
|
||||
display: none;
|
||||
}
|
||||
.iconfont {
|
||||
position: relative;
|
||||
font-size: 20rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.arrow {
|
||||
margin-top: 12rpx;
|
||||
font-weight: 400;
|
||||
font-size: 22rpx;
|
||||
line-height: 24rpx;
|
||||
color: #ff7d00;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 88rpx;
|
||||
height: 88rpx;
|
||||
margin-left: 40rpx;
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
margin-left: 2rpx;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user