From 6d0c914e797243828fea68f005b9a349a494a670 Mon Sep 17 00:00:00 2001 From: ZF sun <34314687@qq.com> Date: Tue, 30 Dec 2025 14:43:14 +0800 Subject: [PATCH] =?UTF-8?q?chore(=E7=94=B5=E5=AD=90=E8=A1=A8=E5=8D=95):=20?= =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E7=94=B5=E5=AD=90=E8=A1=A8=E5=8D=95=E7=9A=84?= =?UTF-8?q?=E6=B8=B2=E6=9F=93?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- common/js/lang.js | 3 +- components-diy/diy-bottom-nav.vue | 11 + components-diy/diy-category-item.vue | 4 +- lang/zh-cn/agreement/contenr.js | 1 + lang/zh-cn/goods/category.js | 13 +- lang/zh-cn/goods/detail.js | 4 +- lang/zh-cn/goods/list.js | 22 +- lang/zh-cn/member/index.js | 3 + pages.json | 8 + pages_goods/list.vue | 9 +- pages_goods/public/css/list.scss | 10 + pages_promotion/merch/detail.vue | 4 +- pages_promotion/merch/public/category.scss | 1856 ++++++++++---------- pages_tool/form/formdata.vue | 165 ++ 14 files changed, 1159 insertions(+), 954 deletions(-) create mode 100644 lang/zh-cn/agreement/contenr.js create mode 100644 pages_tool/form/formdata.vue diff --git a/common/js/lang.js b/common/js/lang.js index f1420ee..7d3ff47 100644 --- a/common/js/lang.js +++ b/common/js/lang.js @@ -72,6 +72,7 @@ export default { //当前页面语言包（同步加载） let route = _this.route; let langPath = processRoutePath(route); + console.log(`当前页面语言包路径: ${langPath}`); // 加载当前页面语言包 let currentPageLang = loadLangPackSync(locale, langPath); @@ -112,7 +113,7 @@ export default { if (value == undefined || (value == 'title' && field == 'title')) value = ''; // field // 多语言调试，注释后可以关闭控制台输出 - // console.log(`字段: ${field}, 值: ${value}`) + console.log(`字段: ${field}, 值: ${value}`) return value; }, /** diff --git a/components-diy/diy-bottom-nav.vue b/components-diy/diy-bottom-nav.vue index 863b731..2c478c3 100644 --- a/components-diy/diy-bottom-nav.vue +++ b/components-diy/diy-bottom-nav.vue @@ -149,11 +149,22 @@ export default { return true; } + // console.log('diy-bottom-nav verify:', { likkUrl: adaptSubpackageUrl(linkUrl), currentPageRoute: currentPageRoute}); + // 精确匹配当前路径 if (adaptSubpackageUrl(linkUrl) === currentPageRoute) { return true; } + // 同属于一个子包的路径，也认为是匹配的 + try { + if (adaptSubpackageUrl(linkUrl).split('/')[1] === currentPageRoute.split('/')[1]) { + return true; + } + } catch (error) { + console.error('diy-bottom-nav verify error:', error); + } + return false; } } diff --git a/components-diy/diy-category-item.vue b/components-diy/diy-category-item.vue index 3138ed6..a814fb1 100644 --- a/components-diy/diy-category-item.vue +++ b/components-diy/diy-category-item.vue @@ -100,7 +100,7 @@ parseFloat(showPrice(item)).toFixed(2).split('.')[1] }} - {{ $lang('Make') ? $lang('Make') : '咨询' }} + {{ $lang('Make') ? $lang('Make') : '询价' }} - {{ $lang('Make') ? $lang('Make') : '咨询' }} + {{ $lang('Make') ? $lang('Make') : '询价' }} diff --git a/lang/zh-cn/agreement/contenr.js b/lang/zh-cn/agreement/contenr.js new file mode 100644 index 0000000..e9f3538 --- /dev/null +++ b/lang/zh-cn/agreement/contenr.js @@ -0,0 +1 @@ +export const lang = {} \ No newline at end of file diff --git a/lang/zh-cn/goods/category.js b/lang/zh-cn/goods/category.js index 321a563..a83bdce 100644 --- a/lang/zh-cn/goods/category.js +++ b/lang/zh-cn/goods/category.js @@ -1,6 +1,7 @@ -export const lang = { - //title为每个页面的标题 - title: '商品分类', - search:'商品搜索', - seeMore : '查看更多' -} +export const lang = { + //title为每个页面的标题 + title: '商品分类', + search:'商品搜索', + seeMore : '查看更多', + Make: "询价" +} diff --git a/lang/zh-cn/goods/detail.js b/lang/zh-cn/goods/detail.js index 116d3c1..24c57da 100644 --- a/lang/zh-cn/goods/detail.js +++ b/lang/zh-cn/goods/detail.js @@ -11,7 +11,7 @@ export const lang = { home:'首页', cart:'购物车', leave:'立即留言', - make:'立即咨询', + make:'电话询价', send:'配送', express:'快递发货', @@ -22,7 +22,7 @@ export const lang = { status:'该商品已下架', sellout:'库存不足', max:'已达最大限购数量', - makebtn:'咨询', + makebtn:'询价', sales:'销量', stock:'库存', kefu:'客服', diff --git a/lang/zh-cn/goods/list.js b/lang/zh-cn/goods/list.js index 653aaed..9006964 100644 --- a/lang/zh-cn/goods/list.js +++ b/lang/zh-cn/goods/list.js @@ -1,11 +1,11 @@ -export const lang = { - //title为每个页面的标题 - title: '商品列表', - Random:'综合', - Sales:'销量', - Price:'价格', - Filter:'筛选', - Search:'请输入您要搜索的商品', - Make:'咨询', - -} +export const lang = { + //title为每个页面的标题 + title: '商品列表', + Random:'综合', + Sales:'销量', + Price:'价格', + Filter:'筛选', + Search:'请输入您要搜索的商品', + Make:'立即询价', + +} diff --git a/lang/zh-cn/member/index.js b/lang/zh-cn/member/index.js index f6250cc..abd77ba 100644 --- a/lang/zh-cn/member/index.js +++ b/lang/zh-cn/member/index.js @@ -11,6 +11,9 @@ export const lang = { readyDelivery: '待发货', waitDelivery: '待收货', refunding: '退款', + getDynacode: '获取动态验证码', + + // 会员中心入口 sign: '签到', personInfo: '个人资料', diff --git a/pages.json b/pages.json index a9d549f..19936b6 100644 --- a/pages.json +++ b/pages.json @@ -855,6 +855,14 @@ // #endif } }, + { + "path": "form/formdata", + "style": { + // #ifdef APP-PLUS + "navigationStyle": "custom" + // #endif + } + }, { "path": "weapp/order_shipping", "style": { diff --git a/pages_goods/list.vue b/pages_goods/list.vue index 3f0b152..0f20b44 100644 --- a/pages_goods/list.vue +++ b/pages_goods/list.vue @@ -63,7 +63,7 @@ .{{ parseFloat(showPrice(item)).toFixed(2).split('.')[1] }} - {{langstatus?$lang('Make'):'咨询'}} + {{langstatus?$lang('Make'):'询价'}} @@ -148,7 +148,7 @@ .{{ parseFloat(showPrice(item)).toFixed(2).split('.')[1] }} - {{langstatus?$lang('Make'):'咨询'}} + {{langstatus?$lang('Make'):'询价'}} @@ -271,6 +271,11 @@ + + + + + diff --git a/pages_goods/public/css/list.scss b/pages_goods/public/css/list.scss index 2e40653..b7e0e4b 100644 --- a/pages_goods/public/css/list.scss +++ b/pages_goods/public/css/list.scss @@ -294,6 +294,8 @@ } .lineheight-clear { + display: flex; + justify-content: flex-end; } // 商品列表单列样式 @@ -386,12 +388,20 @@ line-height: 1; margin-top: 16rpx; + background-color: var(--main-color); + border-radius: 35rpx; + padding: 12rpx 24rpx; + box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.1); + .unit { margin-right: 6rpx; color: var(--price-color); } .price { color: var(--price-color); + color: #fff !important; + font-size: 15rpx !important; + font-weight: bold !important; } } diff --git a/pages_promotion/merch/detail.vue b/pages_promotion/merch/detail.vue index e45ec69..ac0577a 100644 --- a/pages_promotion/merch/detail.vue +++ b/pages_promotion/merch/detail.vue @@ -79,7 +79,7 @@ .{{ parseFloat(showPrice(item)).toFixed(2).split('.')[1] }} - {{ $lang('Make') ? $lang('Make') : '咨询' }} + {{ $lang('Make') ? $lang('Make') : '询价' }} @@ -164,7 +164,7 @@ .{{ parseFloat(showPrice(item)).toFixed(2).split('.')[1] }} - {{ $lang('Make') ? $lang('Make') : '咨询' }} + {{ $lang('Make') ? $lang('Make') : '询价' }} diff --git a/pages_promotion/merch/public/category.scss b/pages_promotion/merch/public/category.scss index 95ed9ad..c5168d0 100644 --- a/pages_promotion/merch/public/category.scss +++ b/pages_promotion/merch/public/category.scss @@ -1,929 +1,929 @@ - - .category-page-wrap { - width: 100vw; - // height: calc(100vh - var(--tab-bar-height, 0)); - display: flex; - flex-direction: column; - background-color: #fff; - } - - .content-box { - flex: 1; - height: 0; - display: flex; - - .tree-wrap { - width: 170rpx; - height: 100%; - background-color: #f5f5f5; - } - - .right-flex-wrap { - flex: 1; - width: 0; - height: 100%; - background: #f4f6fa; - display: flex; - flex-direction: column; - transform: translateX(0px); - - .content-wrap { - display: flex; - flex: 1; - height: 0; - width: 100%; - } - - .child-category-wrap { - width: 100%; - height: 100%; - } - } - } - - .tree-wrap .category-item-wrap { - height: auto; - background-color: #fff; - } - - .tree-wrap .category-item { - line-height: 1.5; - padding: 26rpx 28rpx; - box-sizing: border-box; - position: relative; - background-color: #f5f5f5; - - view { - color: #222222; - width: 100%; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - text-align: center; - } - - &.border-top { - border-bottom-right-radius: 12rpx; - } - - &.border-bottom { - border-top-right-radius: 12rpx; - } - - &.select { - background: #fff; - - view { - color: $base-color; - font-weight: bold; - } - - &::before { - content: ' '; - width: 8rpx; - height: 34rpx; - background: var(--base-color); - display: block; - position: absolute; - left: 0; - top: 50%; - transform: translateY(-50%); - } - } - } - - .search-box { - position: relative; - padding: 20rpx 30rpx; - display: flex; - align-items: center; - background: #fff; - - .search-content { - position: relative; - /* #ifndef MP-WEIXIN */ - height: 64rpx; - /* #endif */ - /* #ifdef MP-WEIXIN */ - height: 100%; - /* #endif */ - border-radius: 40rpx; - flex: 1; - background-color: #f5f5f5; - - input { - box-sizing: border-box; - display: block; - height: 100%; - width: 100%; - padding: 0 20rpx 0 40rpx; - background: #f5f5f5; - color: #333; - border-radius: 40rpx; - } - - .iconfont { - position: absolute; - top: 50%; - right: 10rpx; - transform: translateY(-50%); - font-size: $font-size-toolbar; - z-index: 10; - color: #89899a; - width: 80rpx; - text-align: center; - } - } - } - - .cart-box { - height: 100rpx; - width: 100%; - background: #fff; - border-top: 1px solid #f5f5f5; - box-sizing: border-box; - padding: 0 30rpx; - display: flex; - align-items: center; - justify-content: space-between; - - .left-wrap { - display: flex; - align-items: center; - } - - .cart-icon { - width: 70rpx; - height: 70rpx; - position: relative; - - .iconfont { - color: var(--btn-text-color); - width: inherit; - height: inherit; - background-color: $base-color; - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - } - - .num { - position: absolute; - top: 0; - right: 0; - transform: translate(60%, 0); - display: inline-block; - box-sizing: border-box; - color: #fff; - line-height: 1.2; - text-align: center; - font-size: 24rpx; - padding: 0 6rpx; - min-width: 30rpx; - border-radius: 16rpx; - background-color: var(--price-color); - border: 2rpx solid #fff; - } - } - - .price { - margin-left: 30rpx; - - .title { - color: #333; - } - - .money, - .unit { - font-weight: bold; - color: var(--price-color); - } - } - - .settlement-btn { - margin: 0 0 0 20rpx; - width: 200rpx; - font-weight: bold; - border-radius: 50rpx; - height: 70rpx; - line-height: 70rpx; - } - } - - .cart-point { - width: 26rpx; - height: 26rpx; - position: fixed; - z-index: 1000; - background: #f00; - border-radius: 50%; - transition: all 0.05s; - } - - .category-empty { - flex: 1; - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - - image { - width: 380rpx; - } - - .tips { - font-size: 26rpx; - font-weight: 500; - color: #999; - margin-top: 50rpx; - } - } - - .end-tips { - text-align: center; - color: #999; - font-size: 24rpx; - padding: 20rpx 0; - opacity: 0; - } - - // 风格四 - .category-template-4 { - .search-box { - .search-content input { - background-color: #f1f1f1; - } - } - - .cart-box { - position: relative; - z-index: 2; - } - - /deep/ .template-four { - position: relative; - z-index: 1; - - .template-four-wrap { - position: relative; - z-index: 1; - padding-left: 20rpx; - padding-right: 80rpx; - padding-bottom: 10rpx; - display: flex; - height: 172rpx; - align-items: baseline; - box-sizing: border-box; - box-shadow: 0 4rpx 4rpx rgba(123, 123, 123, 0.1); - } - - .template-four-popup { - display: flex; - flex-direction: column; - overflow: hidden; - - .title { - line-height: 1; - margin-bottom: 20rpx; - font-weight: bold; - } - - .template-four-scroll { - display: flex; - flex-wrap: wrap; - align-items: baseline; - align-content: baseline; - padding: 20rpx; - white-space: nowrap; - height: 380rpx; - box-sizing: border-box; - - .uni-scroll-view-content { - flex-wrap: wrap; - align-items: baseline; - align-content: baseline; - } - - .item { - display: flex; - flex-direction: column; - align-items: center; - padding: 4rpx 0; - color: #666; - margin-right: 16rpx; - border-radius: 40rpx; - margin-bottom: 10rpx; - width: calc((100% - 64rpx) / 5); - - &:nth-child(5n + 5) { - margin-right: 0; - } - - .image-warp { - margin-bottom: 6rpx; - padding: 4rpx; - display: flex; - align-items: center; - justify-content: center; - border-radius: 42rpx; - border: 4rpx solid transparent; - } - - image { - width: 84rpx; - height: 84rpx; - border-radius: 32rpx; - } - - .text { - padding: 2rpx 16rpx; - border-radius: 40rpx; - font-size: $font-size-tag; - } - - &.selected { - .text { - background-color: $base-color; - color: var(--btn-text-color); - } - } - } - } - - .pack-up { - font-size: $font-size-tag; - color: #888888; - height: 74rpx; - display: flex; - align-items: center; - justify-content: center; - border-top: 2rpx solid #f2f2f2; - - .iconfont { - font-size: 40rpx; - margin-left: -4rpx; - } - } - } - - .category-item-all { - position: absolute; - bottom: 0; - z-index: 1; - right: 0; - top: 0; - width: 72rpx; - line-height: 1; - background-color: #fff; - - .category-item-all-wrap { - position: absolute; - bottom: 0; - right: 0; - top: 0; - left: 0; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - z-index: 2; - } - - .text { - writing-mode: tb-rl; - margin-bottom: 6rpx; - letter-spacing: 4rpx; - font-size: $font-size-tag; - font-weight: bold; - } - - .img { - width: 20rpx; - height: 20rpx; - } - - &::after { - content: ''; - // box-shadow: -4rpx 10rpx 20rpx rgba(0, 0, 0, 0.1); - position: absolute; - left: 0; - width: 10rpx; - // height: 100rpx; - top: 20%; - bottom: 20%; - // transform: translateY(-50%); - // background-color: #F0F5FF; - } - } - - .uni-scroll-view-content { - display: flex; - } - - .category-item { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - min-width: 130rpx; - flex-shrink: 0; - margin-right: 20rpx; - padding: 4rpx 0; - - &:last-of-type { - margin-right: 0; - } - - .image-warp { - margin-bottom: 6rpx; - padding: 4rpx; - display: flex; - align-items: center; - justify-content: center; - border-radius: 42rpx; - border: 4rpx solid transparent; - } - - image { - width: 84rpx; - height: 84rpx; - border-radius: 32rpx; - } - - .text { - font-size: $font-size-tag; - } - } - - .select { - .text { - padding: 8rpx 16rpx; - border-radius: 40rpx; - color: #fff; - font-size: $font-size-tag; - line-height: 1; - } - } - } - - .content-wrap .categoty-goods-wrap .goods-list { - margin-top: 30rpx; - } - - .tree-wrap .category-item.select::before { - border-top-right-radius: 8rpx; - border-bottom-right-radius: 8rpx; - } - } - - - /*商品部分*/ - .item-wrap { - width: 100%; - box-sizing: border-box; - // padding: 0 24rpx; - // padding-bottom: 80rpx; - &.goods { - height: 100%; - } - } - - .category-title { - padding: 20rpx 0; - font-size: 26rpx; - // font-weight: bold; - color: #222; - position: relative; - text-align: left; - padding-left: 30rpx; - // &::after, - // &::before { - // content: ' '; - // width: 46rpx; - // border-top: 2rpx solid #dfdfdf; - // position: absolute; - // top: 50%; - // } - - &::after { - margin-left: 40rpx; - } - - &::before { - margin-left: -80rpx; - } - } - - .category-adv { - width: 100%; - overflow: hidden; - line-height: 1; - padding: 20rpx 0; - - image { - width: 100%; - border-radius: 8rpx; - } - } - - .category-list { - display: flex; - flex-wrap: wrap; - background: #fff; - margin: 0 20rpx; - border-radius: 10rpx; - padding: 10rpx 0; - - .category-item { - width: 33.33%; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - padding: 16rpx; - box-sizing: border-box; - - .img-box { - width: 80%; - padding-top: 80%; - margin: 0 auto; - overflow: hidden; - margin-bottom: 20rpx; - position: relative; - - image { - position: absolute; - width: 100%; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - } - } - - .name { - width: 100%; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - text-align: center; - line-height: 1; - - font-size: 24rpx; - } - } - } - - .goods-list { - .goods-item { - padding: 0 0 26rpx 0; - background: #fff; - display: flex; - position: relative; - - .goods-img { - width: 180rpx; - height: 180rpx; - overflow: hidden; - border-radius: $border-radius; - margin-right: 14rpx; - - image { - width: 100%; - height: 100%; - } - } - - .goods-tag { - color: #fff; - line-height: 1; - padding: 8rpx 12rpx; - position: absolute; - border-top-left-radius: $border-radius; - border-bottom-right-radius: $border-radius; - top: 0; - left: 0; - font-size: $font-size-goods-tag; - } - - .goods-tag-img { - position: absolute; - border-top-left-radius: $border-radius; - width: 80rpx; - height: 80rpx; - top: 26rpx; - left: 26rpx; - z-index: 5; - overflow: hidden; - - image { - width: 100%; - height: 100%; - } - } - - .info-wrap { - flex: 1; - display: flex; - flex-direction: column; - width: 0; - } - - .name-wrap { - flex: 1; - } - - .goods-name { - font-size: $font-size-base; - line-height: 1.3; - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; - } - - .introduction { - line-height: 1; - margin-top: 10rpx; - } - - .discount-price { - display: inline-block; - font-weight: bold; - line-height: 1; - margin-top: 16rpx; - color: var(--price-color); - - .unit { - margin-right: 6rpx; - } - } - - .pro-info { - display: flex; - margin-top: 16rpx; - - .delete-price { - text-decoration: line-through; - flex: 1; - - .unit { - margin-right: 0rpx; - } - } - - &>view { - line-height: 1; - - &:nth-child(2) { - text-align: right; - } - } - } - - .member-price-tag { - display: inline-block; - width: 60rpx; - line-height: 1; - margin-left: 6rpx; - height: 28rpx; - - image { - width: 100%; - height: 100%; - } - } - - .footer-wrap { - display: flex; - justify-content: space-between; - - .right-wrap { - display: flex; - align-items: center; - justify-content: end; - - .num { - width: auto; - padding: 0 20rpx; - line-height: 1; - } - - .num-action { - display: flex; - align-items: center; - justify-content: center; - width: 40rpx; - height: 40rpx; - background: $base-color; - border-radius: 50%; - position: relative; - - .click-event { - position: absolute; - width: 2rpx; - height: 2rpx; - left: 0; - top: 0; - transform: translate(-50%, -50%); - z-index: 5; - } - - &.reduce { - width: 38rpx; - height: 38rpx; - background-color: transparent; - border: 2rpx solid $base-color; - box-sizing: border-box; - - .icon-jian { - color: $base-color; - } - } - } - - .icon-jian, - .icon-jia { - color: var(--btn-text-color); - font-weight: bold; - font-size: 26rpx; - line-height: 1; - } - - .select-sku { - font-weight: bold; - color: var(--btn-text-color); - font-size: 24rpx; - padding: 16rpx 24rpx; - position: relative; - // height: 40rpx; - line-height: 1; - text-align: center; - border-radius: 50rpx; - - .num-tag { - position: absolute; - top: 0; - right: 0; - transform: translateY(-50%); - display: inline-block; - box-sizing: border-box; - color: #fff; - line-height: 1.2; - text-align: center; - font-size: 24rpx; - padding: 0 6rpx; - min-width: 32rpx; - border-radius: 16rpx; - background-color: $base-color; - border: 2rpx solid #fff; - } - } - } - } - } - - &[data-template='3'] .goods-item { - flex-direction: column; - - .info-wrap { - width: 100%; - margin-top: 12rpx; - } - - .goods-img { - width: 100%; - height: auto; - margin-right: 0; - line-height: 1; - - image { - border-radius: 8rpx; - } - } - - .select-sku { - font-weight: bold; - width: 128rpx; - height: 52rpx !important; - line-height: 52rpx !important; - } - } - } - - .categoty-goods-wrap { - display: flex; - flex-direction: column; - height: 100%; - - .scroll-goods-view { - flex: 1; - height: 0; - transform: translateX(0px); - } - } - - .screen-category-wrap { - display: flex; - - .icon-unfold { - font-size: 24rpx; - color: #999; - padding: 0 0 0 20rpx; - } - } - - .screen-category { - flex: 1; - width: 0; - padding: 0 0 20rpx 0; - white-space: nowrap; - height: 60rpx; - - .item { - display: inline-block; - padding: 4rpx 24rpx; - background: #f5f5f5; - color: #666; - margin-right: 20rpx; - border-radius: 40rpx; - - &.selected { - background-color: $base-color; - color: var(--btn-text-color); - } - } - } - - /deep/ .uni-popup__wrapper-box { - border-radius: 0; - } - - .screen-category-popup { - display: flex; - - .screen-category { - white-space: break-spaces; - padding: 20rpx; - height: auto; - } - - .title { - line-height: 1; - margin-bottom: 20rpx; - font-weight: bold; - } - - .item { - margin-bottom: 20rpx; - } - } - - .end-tips { - text-align: center; - color: #999; - font-size: 24rpx; - padding: 30rpx 0 30rpx 0; - display: flex; - align-items: center; - justify-content: center; - } - - /deep/ .loading-layer { - background: #fff !important; - } - - .category-empty { - flex: 1; - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - padding-top: 100rpx; - - image { - width: 280rpx; - height: 252rpx; - } - - .tips { - font-size: 26rpx; - font-weight: 500; - color: #999; - margin-top: 50rpx; - } - } - - .screen-category-4 .item { - background-color: #f2f2f2 !important; - padding: 10rpx 24rpx; - line-height: 1; - font-size: $font-size-tag; - - &.selected { - background-color: var(--main-color-shallow) !important; - color: var(--main-color); - } - } + + .category-page-wrap { + width: 100vw; + // height: calc(100vh - var(--tab-bar-height, 0)); + display: flex; + flex-direction: column; + background-color: #fff; + } + + .content-box { + flex: 1; + height: 0; + display: flex; + + .tree-wrap { + width: 170rpx; + height: 100%; + background-color: #f5f5f5; + } + + .right-flex-wrap { + flex: 1; + width: 0; + height: 100%; + background: #f4f6fa; + display: flex; + flex-direction: column; + transform: translateX(0px); + + .content-wrap { + display: flex; + flex: 1; + height: 0; + width: 100%; + } + + .child-category-wrap { + width: 100%; + height: 100%; + } + } + } + + .tree-wrap .category-item-wrap { + height: auto; + background-color: #fff; + } + + .tree-wrap .category-item { + line-height: 1.5; + padding: 26rpx 28rpx; + box-sizing: border-box; + position: relative; + background-color: #f5f5f5; + + view { + color: #222222; + width: 100%; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + text-align: center; + } + + &.border-top { + border-bottom-right-radius: 12rpx; + } + + &.border-bottom { + border-top-right-radius: 12rpx; + } + + &.select { + background: #fff; + + view { + color: $base-color; + font-weight: bold; + } + + &::before { + content: ' '; + width: 8rpx; + height: 34rpx; + background: var(--base-color); + display: block; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + } + } + } + + .search-box { + position: relative; + padding: 20rpx 30rpx; + display: flex; + align-items: center; + background: #fff; + + .search-content { + position: relative; + /* #ifndef MP-WEIXIN */ + height: 64rpx; + /* #endif */ + /* #ifdef MP-WEIXIN */ + height: 100%; + /* #endif */ + border-radius: 40rpx; + flex: 1; + background-color: #f5f5f5; + + input { + box-sizing: border-box; + display: block; + height: 100%; + width: 100%; + padding: 0 20rpx 0 40rpx; + background: #f5f5f5; + color: #333; + border-radius: 40rpx; + } + + .iconfont { + position: absolute; + top: 50%; + right: 10rpx; + transform: translateY(-50%); + font-size: $font-size-toolbar; + z-index: 10; + color: #89899a; + width: 80rpx; + text-align: center; + } + } + } + + .cart-box { + height: 100rpx; + width: 100%; + background: #fff; + border-top: 1px solid #f5f5f5; + box-sizing: border-box; + padding: 0 30rpx; + display: flex; + align-items: center; + justify-content: space-between; + + .left-wrap { + display: flex; + align-items: center; + } + + .cart-icon { + width: 70rpx; + height: 70rpx; + position: relative; + + .iconfont { + color: var(--btn-text-color); + width: inherit; + height: inherit; + background-color: $base-color; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + } + + .num { + position: absolute; + top: 0; + right: 0; + transform: translate(60%, 0); + display: inline-block; + box-sizing: border-box; + color: #fff; + line-height: 1.2; + text-align: center; + font-size: 24rpx; + padding: 0 6rpx; + min-width: 30rpx; + border-radius: 16rpx; + background-color: var(--price-color); + border: 2rpx solid #fff; + } + } + + .price { + margin-left: 30rpx; + + .title { + color: #333; + } + + .money, + .unit { + font-weight: bold; + color: var(--price-color); + } + } + + .settlement-btn { + margin: 0 0 0 20rpx; + width: 200rpx; + font-weight: bold; + border-radius: 50rpx; + height: 70rpx; + line-height: 70rpx; + } + } + + .cart-point { + width: 26rpx; + height: 26rpx; + position: fixed; + z-index: 1000; + background: #f00; + border-radius: 50%; + transition: all 0.05s; + } + + .category-empty { + flex: 1; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + + image { + width: 380rpx; + } + + .tips { + font-size: 26rpx; + font-weight: 500; + color: #999; + margin-top: 50rpx; + } + } + + .end-tips { + text-align: center; + color: #999; + font-size: 24rpx; + padding: 20rpx 0; + opacity: 0; + } + + // 风格四 + .category-template-4 { + .search-box { + .search-content input { + background-color: #f1f1f1; + } + } + + .cart-box { + position: relative; + z-index: 2; + } + + /deep/ .template-four { + position: relative; + z-index: 1; + + .template-four-wrap { + position: relative; + z-index: 1; + padding-left: 20rpx; + padding-right: 80rpx; + padding-bottom: 10rpx; + display: flex; + height: 172rpx; + align-items: baseline; + box-sizing: border-box; + box-shadow: 0 4rpx 4rpx rgba(123, 123, 123, 0.1); + } + + .template-four-popup { + display: flex; + flex-direction: column; + overflow: hidden; + + .title { + line-height: 1; + margin-bottom: 20rpx; + font-weight: bold; + } + + .template-four-scroll { + display: flex; + flex-wrap: wrap; + align-items: baseline; + align-content: baseline; + padding: 20rpx; + white-space: nowrap; + height: 380rpx; + box-sizing: border-box; + + .uni-scroll-view-content { + flex-wrap: wrap; + align-items: baseline; + align-content: baseline; + } + + .item { + display: flex; + flex-direction: column; + align-items: center; + padding: 4rpx 0; + color: #666; + margin-right: 16rpx; + border-radius: 40rpx; + margin-bottom: 10rpx; + width: calc((100% - 64rpx) / 5); + + &:nth-child(5n + 5) { + margin-right: 0; + } + + .image-warp { + margin-bottom: 6rpx; + padding: 4rpx; + display: flex; + align-items: center; + justify-content: center; + border-radius: 42rpx; + border: 4rpx solid transparent; + } + + image { + width: 84rpx; + height: 84rpx; + border-radius: 32rpx; + } + + .text { + padding: 2rpx 16rpx; + border-radius: 40rpx; + font-size: $font-size-tag; + } + + &.selected { + .text { + background-color: $base-color; + color: var(--btn-text-color); + } + } + } + } + + .pack-up { + font-size: $font-size-tag; + color: #888888; + height: 74rpx; + display: flex; + align-items: center; + justify-content: center; + border-top: 2rpx solid #f2f2f2; + + .iconfont { + font-size: 40rpx; + margin-left: -4rpx; + } + } + } + + .category-item-all { + position: absolute; + bottom: 0; + z-index: 1; + right: 0; + top: 0; + width: 72rpx; + line-height: 1; + background-color: #fff; + + .category-item-all-wrap { + position: absolute; + bottom: 0; + right: 0; + top: 0; + left: 0; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + z-index: 2; + } + + .text { + writing-mode: tb-rl; + margin-bottom: 6rpx; + letter-spacing: 4rpx; + font-size: $font-size-tag; + font-weight: bold; + } + + .img { + width: 20rpx; + height: 20rpx; + } + + &::after { + content: ''; + // box-shadow: -4rpx 10rpx 20rpx rgba(0, 0, 0, 0.1); + position: absolute; + left: 0; + width: 10rpx; + // height: 100rpx; + top: 20%; + bottom: 20%; + // transform: translateY(-50%); + // background-color: #F0F5FF; + } + } + + .uni-scroll-view-content { + display: flex; + } + + .category-item { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + min-width: 130rpx; + flex-shrink: 0; + margin-right: 20rpx; + padding: 4rpx 0; + + &:last-of-type { + margin-right: 0; + } + + .image-warp { + margin-bottom: 6rpx; + padding: 4rpx; + display: flex; + align-items: center; + justify-content: center; + border-radius: 42rpx; + border: 4rpx solid transparent; + } + + image { + width: 84rpx; + height: 84rpx; + border-radius: 32rpx; + } + + .text { + font-size: $font-size-tag; + } + } + + .select { + .text { + padding: 8rpx 16rpx; + border-radius: 40rpx; + color: #fff; + font-size: $font-size-tag; + line-height: 1; + } + } + } + + .content-wrap .categoty-goods-wrap .goods-list { + margin-top: 30rpx; + } + + .tree-wrap .category-item.select::before { + border-top-right-radius: 8rpx; + border-bottom-right-radius: 8rpx; + } + } + + + /*商品部分*/ + .item-wrap { + width: 100%; + box-sizing: border-box; + // padding: 0 24rpx; + // padding-bottom: 80rpx; + &.goods { + height: 100%; + } + } + + .category-title { + padding: 20rpx 0; + font-size: 26rpx; + // font-weight: bold; + color: #222; + position: relative; + text-align: left; + padding-left: 30rpx; + // &::after, + // &::before { + // content: ' '; + // width: 46rpx; + // border-top: 2rpx solid #dfdfdf; + // position: absolute; + // top: 50%; + // } + + &::after { + margin-left: 40rpx; + } + + &::before { + margin-left: -80rpx; + } + } + + .category-adv { + width: 100%; + overflow: hidden; + line-height: 1; + padding: 20rpx 0; + + image { + width: 100%; + border-radius: 8rpx; + } + } + + .category-list { + display: flex; + flex-wrap: wrap; + background: #fff; + margin: 0 20rpx; + border-radius: 10rpx; + padding: 10rpx 0; + + .category-item { + width: 33.33%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 16rpx; + box-sizing: border-box; + + .img-box { + width: 80%; + padding-top: 80%; + margin: 0 auto; + overflow: hidden; + margin-bottom: 20rpx; + position: relative; + + image { + position: absolute; + width: 100%; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + } + } + + .name { + width: 100%; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + text-align: center; + line-height: 1; + + font-size: 24rpx; + } + } + } + + .goods-list { + .goods-item { + padding: 0 0 26rpx 0; + background: #fff; + display: flex; + position: relative; + + .goods-img { + width: 180rpx; + height: 180rpx; + overflow: hidden; + border-radius: $border-radius; + margin-right: 14rpx; + + image { + width: 100%; + height: 100%; + } + } + + .goods-tag { + color: #fff; + line-height: 1; + padding: 8rpx 12rpx; + position: absolute; + border-top-left-radius: $border-radius; + border-bottom-right-radius: $border-radius; + top: 0; + left: 0; + font-size: $font-size-goods-tag; + } + + .goods-tag-img { + position: absolute; + border-top-left-radius: $border-radius; + width: 80rpx; + height: 80rpx; + top: 26rpx; + left: 26rpx; + z-index: 5; + overflow: hidden; + + image { + width: 100%; + height: 100%; + } + } + + .info-wrap { + flex: 1; + display: flex; + flex-direction: column; + width: 0; + } + + .name-wrap { + flex: 1; + } + + .goods-name { + font-size: $font-size-base; + line-height: 1.3; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + } + + .introduction { + line-height: 1; + margin-top: 10rpx; + } + + .discount-price { + display: inline-block; + font-weight: bold; + line-height: 1; + margin-top: 16rpx; + color: var(--price-color); + + .unit { + margin-right: 6rpx; + } + } + + .pro-info { + display: flex; + margin-top: 16rpx; + + .delete-price { + text-decoration: line-through; + flex: 1; + + .unit { + margin-right: 0rpx; + } + } + + &>view { + line-height: 1; + + &:nth-child(2) { + text-align: right; + } + } + } + + .member-price-tag { + display: inline-block; + width: 60rpx; + line-height: 1; + margin-left: 6rpx; + height: 28rpx; + + image { + width: 100%; + height: 100%; + } + } + + .footer-wrap { + display: flex; + justify-content: space-between; + + .right-wrap { + display: flex; + align-items: center; + justify-content: end; + + .num { + width: auto; + padding: 0 20rpx; + line-height: 1; + } + + .num-action { + display: flex; + align-items: center; + justify-content: center; + width: 40rpx; + height: 40rpx; + background: $base-color; + border-radius: 50%; + position: relative; + + .click-event { + position: absolute; + width: 2rpx; + height: 2rpx; + left: 0; + top: 0; + transform: translate(-50%, -50%); + z-index: 5; + } + + &.reduce { + width: 38rpx; + height: 38rpx; + background-color: transparent; + border: 2rpx solid $base-color; + box-sizing: border-box; + + .icon-jian { + color: $base-color; + } + } + } + + .icon-jian, + .icon-jia { + color: var(--btn-text-color); + font-weight: bold; + font-size: 26rpx; + line-height: 1; + } + + .select-sku { + font-weight: bold; + color: var(--btn-text-color); + font-size: 24rpx; + padding: 16rpx 24rpx; + position: relative; + // height: 40rpx; + line-height: 1; + text-align: center; + border-radius: 50rpx; + + .num-tag { + position: absolute; + top: 0; + right: 0; + transform: translateY(-50%); + display: inline-block; + box-sizing: border-box; + color: #fff; + line-height: 1.2; + text-align: center; + font-size: 24rpx; + padding: 0 6rpx; + min-width: 32rpx; + border-radius: 16rpx; + background-color: $base-color; + border: 2rpx solid #fff; + } + } + } + } + } + + &[data-template='3'] .goods-item { + flex-direction: column; + + .info-wrap { + width: 100%; + margin-top: 12rpx; + } + + .goods-img { + width: 100%; + height: auto; + margin-right: 0; + line-height: 1; + + image { + border-radius: 8rpx; + } + } + + .select-sku { + font-weight: bold; + width: 128rpx; + height: 52rpx !important; + line-height: 52rpx !important; + } + } + } + + .categoty-goods-wrap { + display: flex; + flex-direction: column; + height: 100%; + + .scroll-goods-view { + flex: 1; + height: 0; + transform: translateX(0px); + } + } + + .screen-category-wrap { + display: flex; + + .icon-unfold { + font-size: 24rpx; + color: #999; + padding: 0 0 0 20rpx; + } + } + + .screen-category { + flex: 1; + width: 0; + padding: 0 0 20rpx 0; + white-space: nowrap; + height: 60rpx; + + .item { + display: inline-block; + padding: 4rpx 24rpx; + background: #f5f5f5; + color: #666; + margin-right: 20rpx; + border-radius: 40rpx; + + &.selected { + background-color: $base-color; + color: var(--btn-text-color); + } + } + } + + /deep/ .uni-popup__wrapper-box { + border-radius: 0; + } + + .screen-category-popup { + display: flex; + + .screen-category { + white-space: break-spaces; + padding: 20rpx; + height: auto; + } + + .title { + line-height: 1; + margin-bottom: 20rpx; + font-weight: bold; + } + + .item { + margin-bottom: 20rpx; + } + } + + .end-tips { + text-align: center; + color: #999; + font-size: 24rpx; + padding: 30rpx 0 30rpx 0; + display: flex; + align-items: center; + justify-content: center; + } + + /deep/ .loading-layer { + background: #fff !important; + } + + .category-empty { + flex: 1; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + padding-top: 100rpx; + + image { + width: 280rpx; + height: 252rpx; + } + + .tips { + font-size: 26rpx; + font-weight: 500; + color: #999; + margin-top: 50rpx; + } + } + + .screen-category-4 .item { + background-color: #f2f2f2 !important; + padding: 10rpx 24rpx; + line-height: 1; + font-size: $font-size-tag; + + &.selected { + background-color: var(--main-color-shallow) !important; + color: var(--main-color); + } + } \ No newline at end of file diff --git a/pages_tool/form/formdata.vue b/pages_tool/form/formdata.vue new file mode 100644 index 0000000..7743cc8 --- /dev/null +++ b/pages_tool/form/formdata.vue @@ -0,0 +1,165 @@ + + + + +