outsource/shop
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改UI.

Browse Source
This commit is contained in:
18631081161 2025-10-12 15:58:30 +08:00
parent e94ddeb521
commit c041dc32ef
11 changed files with 69 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
CoreCms.Net.Uni-App/CoreShop/components/coreshop-navbar-slot/coreshop-navbar-slot.vue
View File

@ -6,10 +6,10 @@
}">
<u-icon name="home-fill" :color="leftIconColor" :size="leftIconSize" @tap="isGoBack" v-if="showHomeIcon && showLeftOneBtn"></u-icon>
<u-icon name="arrow-left-double" :color="leftIconColor" :size="leftIconSize" @tap="isGoBack" v-if="!showHomeIcon && showLeftOneBtn"></u-icon>
<view class="coreshop-slot-cut-off" :style="{
<!-- <view class="coreshop-slot-cut-off" :style="{
borderLeftColor: leftIconColor,
}" v-if="showLeftOneBtn"></view>
<u-icon name="list-dot" color="#fff" :color="leftIconColor" size="36" @click="doShowPopup"></u-icon>
}" v-if="showLeftOneBtn"></view> -->
<!-- <u-icon name="list-dot" color="#fff" :color="leftIconColor" size="36" @click="doShowPopup"></u-icon> -->
</view>
<view class="coreshop-text-white u-font-32 coreshop-header-title">
<view class="u-title u-line-1"

6
CoreCms.Net.Uni-App/CoreShop/components/coreshop-page/coreshop-goodTabBar.vue
View File

@ -17,7 +17,7 @@
{{item.name}}
</view>
<view class="good-price">
{{item.price}}元 <span class="u-font-xs coreshop-text-through u-margin-left-15 coreshop-text-gray">{{item.mktprice}}元</span>
{{item.price}}结缘 <span class="u-font-xs coreshop-text-through u-margin-left-15 coreshop-text-gray">{{item.mktprice}}结缘</span>
</view>
<view class="good-tag-recommend" v-if="item.isRecommend">
推荐
@ -39,7 +39,7 @@
无
</view>
<view class="good-price">
0元
0结缘
</view>
<view class="good-tag-recommend">
推荐
@ -75,7 +75,7 @@
{{item.name}}
</view>
<view class="good-price u-padding-10">
{{item.price}}元 <span class="u-font-xs coreshop-text-through u-margin-left-15 coreshop-text-gray">{{item.mktprice}}元</span>
{{item.price}}结缘 <span class="u-font-xs coreshop-text-through u-margin-left-15 coreshop-text-gray">{{item.mktprice}}结缘</span>
</view>
</u-col>
</u-row>

11
CoreCms.Net.Uni-App/CoreShop/components/coreshop-page/coreshop-goods.vue
View File

@ -16,7 +16,8 @@
{{item.name}}
</view>
<view class="good-price">
{{item.price}}元 <span class="u-font-xs coreshop-text-through u-margin-left-15 coreshop-text-gray">{{item.mktprice}}元</span>
{{item.price}}结缘
<!-- <span class="u-font-xs coreshop-text-through u-margin-left-15 coreshop-text-gray">{{item.mktprice}}结缘</span> -->
</view>
<view class="good-tag-recommend" v-if="item.isRecommend">
推荐
@ -38,7 +39,7 @@
无
</view>
<view class="good-price">
0元
0结缘
</view>
<view class="good-tag-recommend">
推荐
@ -77,7 +78,8 @@
{{item.name}}
</view>
<view class="good-price u-padding-10">
{{item.price}}元 <span class="u-font-xs coreshop-text-through u-margin-left-15 coreshop-text-gray">{{item.mktprice}}元</span>
{{item.price}}结缘
<!-- <span class="u-font-xs coreshop-text-through u-margin-left-15 coreshop-text-gray">{{item.mktprice}}结缘</span> -->
</view>
</u-col>
</u-row>
@ -109,7 +111,8 @@
{{item.name}}
</view>
<view class="good-price">
{{item.price}}元 <span class="u-font-xs coreshop-text-through u-margin-left-15 coreshop-text-gray">{{item.mktprice}}元</span>
{{item.price}}结缘
<!-- <span class="u-font-xs coreshop-text-through u-margin-left-15 coreshop-text-gray">{{item.mktprice}}元</span> -->
</view>
<view class="good-tag-recommend" v-if="item.isRecommend">
推荐

3
CoreCms.Net.Uni-App/CoreShop/pages/category/list/list.vue
View File

@ -94,7 +94,8 @@
{{item.name}}
</view>
<view class="good-price">
{{item.price}}元 <span class="u-font-xs coreshop-text-through u-margin-left-15 coreshop-text-gray">{{item.mktprice}}元</span>
{{item.price}}结缘
<!-- <span class="u-font-xs coreshop-text-through u-margin-left-15 coreshop-text-gray">{{item.mktprice}}元</span> -->
</view>
<view class="good-tag-recommend" v-if="item.isRecommend">
推荐

42
CoreCms.Net.Uni-App/CoreShop/pages/goods/goodDetails/goodDetails.vue
View File

@ -19,11 +19,11 @@
<!--限时秒杀-->
<view class="coreshop-limited-seckill-box coreshop-bg-red">
<text class="coreshop-text-price u-font-40">{{ product.price || '0.00' }}</text>
<view class="u-font-xs coreshop-cost-price-num price-4">
<text class="coreshop-text-price u-font-40">{{ product.price || '0.00' }}结缘</text>
<!-- <view class="u-font-xs coreshop-cost-price-num price-4">
<view class="coreshop-text-through">原价￥{{ product.mktprice || '0.00'}}</view>
<view>{{ goodsInfo.buyCount || '0' }} 人已购买</view>
</view>
</view> -->
<view class="u-text-right coreshop-share-right">
<u-icon name="share" @click="goShare()" label="分享" size="40" label-size="22" label-color="#fff" label-pos="bottom"></u-icon>
</view>
@ -136,7 +136,7 @@
</view>
<!--商家及推荐-->
<view class="u-margin-top-20 coreshop-bg-white coreshop-common-view-box coreshop-goods-shop-info-view-box">
<!-- <view class="u-margin-top-20 coreshop-bg-white coreshop-common-view-box coreshop-goods-shop-info-view-box">
<view class="coreshop-shop-view">
<view class="u-absolute">
<u-avatar :src="shopLogo"></u-avatar>
@ -160,9 +160,9 @@
</view>
<view class="coreshop-solid-bottom u-margin-top-20 u-margin-bottom-20" />
<view class="coreshop-good-shop-recommend-list-box">
<view class="u-font-sm u-padding-top-20 ">本店推荐</view>
<view class="u-font-sm u-padding-top-20 ">本店推荐</view> -->
<!--滑动列表-->
<view class="recommend-scroll-box">
<!-- <view class="recommend-scroll-box">
<scroll-view class="recommend-scroll" scroll-x>
<block v-for="(items,indexs) in shopRecommendData" :key="indexs">
<view :id="['scroll' + (indexs + 1 )]" class="recommend-scroll-item" @tap="goGoodsDetail(items.id)">
@ -176,7 +176,7 @@
</scroll-view>
</view>
</view>
</view>
</view> -->
<!--内容区-->
<view class="u-margin-top-20 u-padding-top-10 coreshop-bg-white">
@ -207,7 +207,7 @@
</view>
<!--常见问题-->
<view class="u-margin-top-20 coreshop-bg-white u-margin-bottom-30 coreshop-common-view-box">
<!-- <view class="u-margin-top-20 coreshop-bg-white u-margin-bottom-30 coreshop-common-view-box">
<view class="u-font-md u-padding-bottom-20">
<u-icon name="question-circle" color="#e54d42"></u-icon>
<text class="u-margin-left-10 coreshop-text-black">常见说明</text>
@ -224,11 +224,11 @@
<view class="coreshop-solid-bottom u-margin-top-20 u-margin-bottom-20" />
<view class="u-text-center coreshop-text-blue u-padding-top-20" @tap="goArticleList()">查看更多问题</view>
</view>
</view> -->
<!--为您推荐-->
<view class="coreshop-recommended-title-view">
<!-- <view class="coreshop-recommended-title-view">
<view class="u-flex u-flex-wrap">
<view class="u-flex-4 u-text-right">
<image class="img-anc" src="/static/images/common/anc.png" mode="widthFix" />
@ -240,15 +240,15 @@
<image class="img-anc" src="/static/images/common/anc.png" mode="widthFix" />
</view>
</view>
</view>
</view> -->
<!--推荐列表-->
<view class="coreshop-goods-group" v-if="otherRecommendData.length>0">
<!-- <view class="coreshop-goods-group" v-if="otherRecommendData.length>0">
<u-grid col="2" :border="false" :align="center">
<u-grid-item bg-color="transparent" :custom-style="{padding: '0rpx'}" v-for="(item, index) in otherRecommendData" :key="index" @click="goGoodsDetail(item.id)">
<view class="good_box">
<view class="good_box"> -->
<!-- 警告：微信小程序中需要hx2.8.11版本才支持在template中结合其他组件，比如下方的lazy-load组件 -->
<u-lazy-load threshold="-150" border-radius="10" :image="item.image" :index="index"></u-lazy-load>
<!-- <u-lazy-load threshold="-150" border-radius="10" :image="item.image" :index="index"></u-lazy-load>
<view class="good_title u-line-2">
{{item.name}}
</view>
@ -264,7 +264,7 @@
</view>
</u-grid-item>
</u-grid>
</view>
</view> -->
<!--占位底部距离-->
<view class="coreshop-tabbar-height" />
@ -284,11 +284,11 @@
<view class="action" @click="redirectCart">
<u-badge class="car-num" :count="cartNums?cartNums:0" type="error" :offset="[-3, -6]"></u-badge>
<u-icon name="shopping-cart" :size="40" label="购物车" :label-size="22" label-pos="bottom"></u-icon>
<u-icon name="shopping-cart" :size="40" label="结缘清单" :label-size="22" label-pos="bottom"></u-icon>
</view>
<view class="btn-group">
<u-button type="primary" size="medium" shape="circle" @click="selectTap(1)">加购物车</u-button>
<u-button type="success" size="medium" shape="circle" @click="selectTap(2)">立即购买</u-button>
<u-button type="primary" size="medium" shape="circle" @click="selectTap(1)">加入结缘清单</u-button>
<!-- <u-button type="success" size="medium" shape="circle" @click="selectTap(2)">立即购买</u-button> -->
</view>
</view>
</view>
@ -333,8 +333,8 @@
<view class="coreshop-avatar radius lg" :style="[{backgroundImage:'url('+ product.images +')'}] " />
<view class="content">
<view class="coreshop-text-price-view">
<text class="coreshop-text-price coreshop-text-red u-margin-right-20">{{ product.price || ''}}</text>
<text class="u-font-sm coreshop-text-gray coreshop-text-through">￥{{ product.mktprice || ''}}</text>
<text class="coreshop-text-price coreshop-text-red u-margin-right-20">{{ product.price || ''}}结缘</text>
<!-- <text class="u-font-sm coreshop-text-gray coreshop-text-through">￥{{ product.mktprice || ''}}</text> -->
<!--<text class="cu-tag bg-gradual-red radius sm">
<text class="cuIcon-hotfill"/>
<text>秒杀中</text>
@ -367,7 +367,7 @@
</view>
</u-popup>
<!-- 右边浮动球 -->
<coreshop-fab horizontal="right" vertical="bottom" direction="vertical"></coreshop-fab>
<!-- <coreshop-fab horizontal="right" vertical="bottom" direction="vertical"></coreshop-fab> -->
<!-- 登录提示 -->
<coreshop-login-modal></coreshop-login-modal>
</view>

8
CoreCms.Net.Uni-App/CoreShop/pages/index/cart/cart.vue
View File

@ -1,4 +1,4 @@
<template>
<template>
<view class="wrap">
<u-toast ref="uToast" /><u-no-network></u-no-network>
<u-navbar :is-back="false" :background="background">
@ -37,7 +37,7 @@
</view>
<view class="cart-space-between" style="margin-top:20rpx;">
<text class="cart-shoppingcard-goods-price">￥{{item.products.price}}</text>
<text class="cart-shoppingcard-goods-price">{{item.products.price}}结缘</text>
<view class="cart-shoppingcard-goods-number">
<u-number-box :disabled="false" :index="index" v-model="item.nums" @change="numberChange" :step="1" :min="1" :max="item.products.stock"></u-number-box>
</view>
@ -63,9 +63,9 @@
</view>
<view class="cart-shoppingcard-count cart-nowrap cart-flex-vcenter">
<text class="cart-text">合计 :</text>
<text class="u-font-26 coreshop-text-red">￥{{totalprice}}</text>
<text class="u-font-26 coreshop-text-red">{{totalprice}}结缘</text>
</view>
<view class="cart-shoppingcard-checkout cart-coreshop-bg-red" @tap="checkout">立即结算</view>
<view class="cart-shoppingcard-checkout cart-coreshop-bg-red" @tap="checkout">确定</view>
</view>
<!-- 登录提示 -->

2
CoreCms.Net.Uni-App/CoreShop/pages/index/member/member.scss
View File

@ -1,4 +1,4 @@
.memberBox {
.memberBox {
.headBox { padding-top: 0; padding-bottom: 72.72rpx; background-image: url('/static/images/common/bg.png'); background-size: cover; background-position: center;
.user-info-box { padding-top: 30rpx;
.login-user-view { position: relative; text-align: center;

26
CoreCms.Net.Uni-App/CoreShop/pages/index/member/member.vue
View File

@ -1,4 +1,4 @@
<template>
<template>
<view class="memberBox">
<u-toast ref="uToast" /><u-no-network></u-no-network>
<u-navbar :is-back="true" back-icon-name="scan" back-icon-color="#000" title="会员中心"></u-navbar>
@ -15,7 +15,7 @@
<open-data type="userAvatarUrl"></open-data>
</view>
</view>
<u-button type="default" size="mini" @click="goLogin()">立即登录</u-button>
<u-button type="default" size="" style="bottom: 60rpx; width: 50%; height: 80rpx;" @click="goLogin()">立即登录</u-button>
</view>
<!--已登陆-->
@ -24,15 +24,15 @@
<view class="u-m-r-10">
<u-avatar :src="userInfo.avatarImage" size="96"></u-avatar>
</view>
<view class="u-flex-1 userItem">
<view class="u-flex-1" style="display: flex; align-items: center;">
<view class="u-font-34 u-p-b-20">
<text class="u-margin-right-30">{{ userInfo.nickName }}</text>
<text class="u-font-24">{{ userInfo.gradeName }}</text>
<!-- <text class="u-font-24">{{ userInfo.gradeName }}</text> -->
</view>
<view class="u-font-24">
<!-- <view class="u-font-24">
<text class="text-border-x">积分 {{ userInfo.point }}</text>
<text>余额 {{ userInfo.balance }}</text>
</view>
</view> -->
</view>
<view class="u-m-l-10 u-m-r-20 u-p-10" @click="syncWeChatInfo()">
<u-icon name="reload" color="#fff" size="32"></u-icon>
@ -47,17 +47,17 @@
<!--用户数据-->
<view class="user-info-num-box">
<u-grid :col="4" :border="false" :bg-color="transparent">
<u-grid :col="3" :border="false" :bg-color="transparent">
<u-grid-item bg-color="transparent" @tap="navigateToHandle('/pages/member/history/index')" :custom-style="{padding: '5rpx 0'}">
<view class="u-font-36" v-if="!hasLogin">-</view>
<view class="u-font-36" v-else>{{ userInfo.footPrintCount }}</view>
<text class="u-font-22">足迹</text>
</u-grid-item>
<u-grid-item bg-color="transparent" @tap="navigateToHandle('/pages/member/coupon/index')" :custom-style="{padding: '5rpx 0'}">
<!-- <u-grid-item bg-color="transparent" @tap="navigateToHandle('/pages/member/coupon/index')" :custom-style="{padding: '5rpx 0'}">
<view class="u-font-36" v-if="!hasLogin">-</view>
<view class="u-font-36" v-else>{{ userInfo.userCouponCount }}</view>
<text class="u-font-22">优惠券</text>
</u-grid-item>
</u-grid-item> -->
<u-grid-item bg-color="transparent" @tap="navigateToHandle('/pages/member/collection/index')" :custom-style="{padding: '5rpx 0'}">
<view class="u-font-36" v-if="!hasLogin">-</view>
<view class="u-font-36" v-else>{{ userInfo.collectionCount }}</view>
@ -121,7 +121,7 @@
</view>
<view class="coreshop-tools-list-box">
<u-grid :col="4" :border="false">
<u-grid-item @click="navigateToHandle('/pages/member/merchant/index/index')" v-if="isClerk">
<!-- <u-grid-item @click="navigateToHandle('/pages/member/merchant/index/index')" v-if="isClerk">
<u-icon name="calendar" :size="50" color="#666"></u-icon>
<view class="grid-text">商家管理</view>
</u-grid-item>
@ -132,7 +132,7 @@
<u-grid-item @tap="$u.throttle(goAgentPanel, 500)" v-if="isAgent">
<u-icon name="zhuanfa" :size="50" color="#666"></u-icon>
<view class="grid-text">代理中心</view>
</u-grid-item>
</u-grid-item> -->
<u-grid-item v-for="(item,i) in utilityMenus" :key="i" v-if="(item.showItem && i != 'invoice') || (item.showItem && i == 'invoice' && InvoiceSwitch == 1)" @click="navigateToHandle(item.router)">
<u-icon :name="item.icon" :size="50" color="#666"></u-icon>
<view class="grid-text">{{ item.name }}</view>
@ -143,7 +143,7 @@
</view>
<!--增值业务-->
<view class="u-padding-10 coreshop-bg-white u-margin-top-30 coreshop-user-info-tools-box">
<!-- <view class="u-padding-10 coreshop-bg-white u-margin-top-30 coreshop-user-info-tools-box">
<view class="u-padding-20 tools-view">
<view class="coreshop-text-black coreshop-text-bold u-font-lg tools-title">增值业务</view>
</view>
@ -155,7 +155,7 @@
</u-grid-item>
</u-grid>
</view>
</view>
</view> -->
<!--其他-->
<view class="u-padding-10 coreshop-bg-white u-margin-top-30 coreshop-user-info-tools-box">

4
CoreCms.Net.Uni-App/CoreShop/pages/member/setting/userInfo/index.vue
View File

@ -3,14 +3,14 @@
<u-toast ref="uToast" /><u-no-network></u-no-network>
<u-navbar title="个人信息"></u-navbar>
<view class="coreshop-bg-white coreshop-solid-top u-padding-left-80 u-padding-right-80 u-padding-top-45 u-padding-bottom-45 u-margin-bottom-20">
<!-- <view class="coreshop-bg-white coreshop-solid-top u-padding-left-80 u-padding-right-80 u-padding-top-45 u-padding-bottom-45 u-margin-bottom-20">
<view class="u-text-center u-margin-bottom-20">
<text class="coreshop-text-black">完成</text>
<text class="coreshop-text-orange u-font-40">100%</text>
<text class="coreshop-text-black">，太棒啦！</text>
</view>
<progress percent="100" active stroke-width="10" activeColor="#f37b1d" />
</view>
</view> -->
<view class="coreshop-list menu coreshop-bg-white u-padding-30">
<u-form :model="model" :rules="rules" ref="uForm" :errorType="errorType">

22
CoreCms.Net.Uni-App/CoreShop/pages/placeOrder/index/index.vue
View File

@ -98,7 +98,7 @@
<u-tag :text="v.name" mode="light" size="mini" v-for="(v, k) in item.products.promotionList" :key="k"/>
</view>
<view class="goods-price-view">
<text class="coreshop-text-price coreshop-text-red u-font-lg">{{ item.products.price || ''}}</text>
<text class="coreshop-text-price coreshop-text-red u-font-lg">{{ item.products.price || ''}}结缘</text>
<view class='u-text-right goods-num'>× {{ item.nums || ''}}</view>
</view>
</view>
@ -141,13 +141,13 @@
</view>
</view>
<!--支付方式-->
<view class="u-margin-top-20 u-margin-bottom-20 coreshop-common-view-box">
<!-- <view class="u-margin-top-20 u-margin-bottom-20 coreshop-common-view-box">
<view class="coreshop-bg-white coreshop-card pay-view">
<view class="coreshop-list menu">
<view class="coreshop-list menu"> -->
<!-- 商户开启积分 并且用户有积分情况下 -->
<view class="coreshop-list-item" v-if="isOpenPoint === 1 && userPointNums > 0">
<!-- <view class="coreshop-list-item" v-if="isOpenPoint === 1 && userPointNums > 0"> -->
<!--<view class="coreshop-list-item arrow">-->
<view class="content">
<!-- <view class="content">
<text class="coreshop-text-black">积分抵扣</text>
<view class="coreshop-text-gray u-font-xs flex">
<text class="u-line-1">
@ -172,17 +172,17 @@
</view>
</view>
</view>
</view>
</view> -->
<!--商品价格计算-->
<view class="u-margin-top-20 u-margin-bottom-20 coreshop-common-view-box">
<view class="coreshop-bg-white coreshop-card coreshop-price-view">
<view class="coreshop-text-black item-view">
<view class="u-line-1 title">商品总额</view>
<text class="coreshop-text-red coreshop-text-price u-text-right">{{ cartData.goodsAmount }}</text>
<view class="u-line-1 title">商品总结缘</view>
<text class="coreshop-text-red coreshop-text-price u-text-right">{{ cartData.goodsAmount }}结缘</text>
</view>
<view class="coreshop-text-black item-view">
<!-- <view class="coreshop-text-black item-view">
<view class="u-line-1 title">商品优惠</view>
<text class="u-text-right">- {{ cartData.goodsPromotionMoney || '0'}}</text>
</view>
@ -204,7 +204,7 @@
<text class="cuIcon-question icon" />
</view>
<text class="u-text-right">{{ cartData.costFreight || '0'}}</text>
</view>
</view> -->
</view>
</view>
<!--买家留言-->
@ -226,7 +226,7 @@
<view class="u-flex u-flex-nowrap u-row-between u-padding-20 w100">
<view class="coreshop-text-black coreshop-text-bold price-view">
<text class="u-margin-right-20">共 {{ productNums}} 件商品</text>
<text>合计<text class="coreshop-text-price coreshop-text-red u-font-lg u-margin-left-20"> {{ cartData.amount}}</text></text>
<text>合计<text class="coreshop-text-price coreshop-text-red u-font-lg u-margin-left-20">{{ cartData.amount}}结缘</text></text>
</view>
<u-button size="medium" type="error" @click="toPay" :disabled='submitStatus' :loading='submitStatus'>确认下单</u-button>
</view>

4
CoreCms.Net.Uni-App/CoreShop/static/style/coreCommon.scss
View File

@ -1,4 +1,4 @@
/*page { background: #f6f7f9; }*/
/*page { background: #f6f7f9; }*/
page, .bg-page { background: #f7f7f7; }
@ -665,7 +665,7 @@ page, .bg-page { background: #f7f7f7; }
.car-num { position: absolute; top: 10rpx; right: 15rpx; }
}
.btn-group { justify-content: space-around;
button { padding: 20upx 32upx; flex: 1; margin: 0 10upx; max-width: 50%; }
button { padding: 20upx 32upx; flex: 1; margin: 0 60upx; max-width: 100%; }
}
.btn-box { justify-content: space-around; width: 50%; padding: 10rpx; padding-left: 0rpx; }
}