From dcdb0231034810232f2542f3865666ebf72daf11 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期三, 30 四月 2025 16:45:34 +0800
Subject: [PATCH] sf
---
h5/pages/index_2/index.vue | 264 ++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 214 insertions(+), 50 deletions(-)
diff --git a/h5/pages/index_2/index.vue b/h5/pages/index_2/index.vue
index be33da1..13ca13c 100644
--- a/h5/pages/index_2/index.vue
+++ b/h5/pages/index_2/index.vue
@@ -45,22 +45,27 @@
<view class="commodityFrom_body_content_item_num_img">
<image :src="item.categoryImgurl" mode="widthFix"></image>
</view>
- {{stringOperations(item.categoryName, 3)}}
+ <text>{{item.categoryName}}</text>
+ <!-- {{stringOperations(item.categoryName, 3)}} -->
</view>
- <view class="commodityFrom_body_content_item_num" @click="open(index, 1)">
+ <!-- @click="open(index, 1)" -->
+ <view class="commodityFrom_body_content_item_num" @mouseenter.stop="mouseenterP(index, item.categoryId)" @mouseleave.stop="mouseleaveP(index)">
{{stringOperations(item.brandName, 4)}}
<view class="drop-down" :style="{ opacity: item.ppShow ? opacity : '0', zIndex: item.ppShow ? zIndex : '-1', background: !configuration ? 'rgba(108, 130, 170, 1)' : percentage(configuration.pull.bgColor, configuration.pull.bgAlpha) }">
<view class="drop-down-search">
<input type="text" placeholder="璇疯緭鍏�" v-model="item.brandVal" @input="searchBrand($event, item)" />
</view>
<!-- brandData -->
- <view class="drop-down-item" v-for="(child, i) in item.brandVal ? item.brandSearchList : item.brandList" :key="i" @click.stop="clickBrand(item, child, index)">
- {{child.name}}
+ <view class="drop-down-item" v-for="(child, i) in item.brandVal ? item.brandSearchList : item.brandList" :key="i" @click.stop="clickBrand(item, child, index)" @mouseenter="aaa(i)" @mouseleave="bbb">
+
+ <text :style="{color: fontColorIndex === i ? fontColor : ''}">{{child.name}}</text>
</view>
</view>
</view>
- <view class="commodityFrom_body_content_item_num" @click="open(index, 2)">
- {{item.name}}
+ <!-- @click="open(index, 2)" -->
+ <view class="commodityFrom_body_content_item_num" @mouseenter.stop="mouseenterX(index)" @mouseleave.stop="mouseleaveX(index)">
+
+ {{stringOperations(item.name, 18)}}
<view class="drop-top" v-show="item.name">
{{item.name}}
</view>
@@ -68,8 +73,8 @@
<view class="drop-down-search">
<input type="text" placeholder="璇疯緭鍏�" v-model="item.modelVal" @input="searchModel($event, item)" />
</view>
- <view class="drop-down-item" v-for="(data, s) in item.modelVal ? item.modelSearchList : item.xhData" :key="s" @click.stop="clickXH(data, index)">
- {{data.name}}
+ <view class="drop-down-item" v-for="(data, s) in item.modelVal ? item.modelSearchList : item.xhData" :key="s" @click.stop="clickXH(data, index)" @mouseenter="aaa(s)" @mouseleave="bbb">
+ <text :style="{color: fontColorIndex === s ? fontColor : ''}">{{data.name}}</text>
</view>
</view>
</view>
@@ -87,11 +92,12 @@
<image src="@/static/ic_img@2x.png" mode="widthFix" @click="openImg(index)"></image>
<image src="@/static/ic_copy@2x.png" mode="widthFix" @click="copyItem(item)"></image>
<image src="@/static/ic_delete@2x.png" mode="widthFix" @click="deleItem(index)"></image>
+ <image src="@/static/ic_pk2@2x.png" mode="widthFix" @click="clickItem(-1, item.categoryId, item.categoryName,2,item)"></image>
</view>
</view>
</view>
<view class="commodityFrom_body_total">
- <view class="commodityFrom_body_total_item" :style="{background: !configuration ? 'rgba(13, 30, 65, 1)' : configuration.header.backgroundType === 2 ? `linear-gradient(180deg, ${percentage(configuration.header.bgColor, configuration.header.bgAlpha)} 0%, ${percentage(configuration.header.bgColor2, configuration.header.bgAlpha2)} 100%)` : configuration.header.backgroundType === 1 ? percentage(configuration.header.bgColor, configuration.header.bgAlpha) : 'rgba(13, 30, 65, 1)', color: !configuration ? 'rgba(255, 255, 255, 1)' : configuration.header.type === 1 ? percentage(configuration.header.color, configuration.header.alpha) : '#ffffff'}">鎬昏锛�</view>
+ <view class="commodityFrom_body_total_item" :style="{background: !configuration ? 'rgba(13, 30, 65, 1)' : configuration.header.backgroundType === 2 ? `linear-gradient(180deg, ${percentage(configuration.header.bgColor, configuration.header.bgAlpha)} 0%, ${percentage(configuration.header.bgColor2, configuration.header.bgAlpha2)} 100%)` : configuration.header.backgroundType === 1 ? percentage(configuration.header.bgColor, configuration.header.bgAlpha) : 'rgba(13, 30, 65, 1)', color: !configuration ? 'rgba(255, 255, 255, 1)' : configuration.header.type === 1 ? percentage(configuration.header.color, configuration.header.alpha) : '#ffffff', textAlign: 'left'}">鍚堣锛�</view>
<view class="commodityFrom_body_total_item" :style="{background: !configuration ? 'rgba(13, 30, 65, 1)' : configuration.header.backgroundType === 2 ? `linear-gradient(180deg, ${percentage(configuration.header.bgColor, configuration.header.bgAlpha)} 0%, ${percentage(configuration.header.bgColor2, configuration.header.bgAlpha2)} 100%)` : configuration.header.backgroundType === 1 ? percentage(configuration.header.bgColor, configuration.header.bgAlpha) : 'rgba(13, 30, 65, 1)', color: !configuration ? 'rgba(255, 220, 108, 1)' : configuration.pull.selType === 1 ? percentage(configuration.pull.selColor, configuration.pull.selAlpha) : '#FFDC6C'}">
{{simplifyNum(zdj)}}
</view>
@@ -107,9 +113,9 @@
class="productCategory_list_item"
v-for="(item, index) in category"
:key="index"
- @click="clickItem(index, item.id, item.name)">
+ @click="clickItem(index, item.id, item.name,1)">
<image :src="item.imgurl ? item.prefixUrl + item.imgurl : ''" mode="widthFix"></image>
- <text>{{item.name}}</text>
+ <text :style="{'font-size': !configuration&&!configuration.listname ?'16px':((configuration.listname.fontSize||16) +'px'),color: !configuration &&!configuration.listname? '#ffffff' : configuration.listname.selType === 1 ? percentage(configuration.listname.selColor, configuration.listname.selAlpha) : '#ffffff'}">{{item.name}}</text>
</view>
<view class="productCategory_list_zw"></view>
<view class="productCategory_list_zw"></view>
@@ -128,8 +134,8 @@
<text>{{attributeOne.name ? attributeOne.name : attrFirstName}}</text>
<image src="@/static/ar_open@2x.png" mode="widthFix"></image>
<view class="productPage_xl" :style="{background: !configuration ? 'rgba(13, 30, 65, 1)' : configuration.pull.bgType === 1 ? percentage(configuration.pull.bgColor, configuration.pull.bgAlpha) : '#0D1E41'}" v-if="attrFirstList.length > 0">
- <view class="productPage_xl_iten" v-for="(item, index) in attrFirstList" :key="index" @click="clickShopPageCheck(item, 1)">
- {{item.name}}
+ <view class="productPage_xl_iten" v-for="(item, index) in attrFirstList" :key="index" @click="clickShopPageCheck(item, 1)" @mouseenter="aaa(index)" @mouseleave="bbb">
+ <text :style="{color: fontColorIndex === index ? fontColor : ''}">{{item.name}}</text>
</view>
</view>
</view>
@@ -137,8 +143,8 @@
<text>{{attributeTwo.name ? attributeTwo.name : attrSecondName}}</text>
<image src="@/static/ar_open@2x.png" mode="widthFix"></image>
<view class="productPage_xl" :style="{background: !configuration ? 'rgba(13, 30, 65, 1)' : configuration.pull.bgType === 1 ? percentage(configuration.pull.bgColor, configuration.pull.bgAlpha) : '#0D1E41'}" v-if="attrSecondList.length > 0">
- <view class="productPage_xl_iten" v-for="(item, index) in attrSecondList" :key="index" @click="clickShopPageCheck(item, 2)">
- {{item.name}}
+ <view class="productPage_xl_iten" v-for="(item, index) in attrSecondList" :key="index" @click="clickShopPageCheck(item, 2)" @mouseenter="aaa(index)" @mouseleave="bbb">
+ <text :style="{color: fontColorIndex === index ? fontColor : ''}">{{item.name}}</text>
</view>
</view>
</view>
@@ -147,12 +153,13 @@
<text v-else>{{budget.max && budget.min ? budget.min + '~' + budget.max : '棰勭畻'}}</text>
<image src="@/static/ar_open@2x.png" mode="widthFix"></image>
<view class="productPage_xl" :style="{background: !configuration ? 'rgba(13, 30, 65, 1)' : configuration.pull.bgType === 1 ? percentage(configuration.pull.bgColor, configuration.pull.bgAlpha) : '#0D1E41'}" v-if="budgetList.length > 0">
- <view class="productPage_xl_iten" v-for="(item, index) in budgetList" :key="index" @click="clickShopPageCheck(item, 3)">
+ <view class="productPage_xl_iten" v-for="(item, index) in budgetList" :key="index" @click="clickShopPageCheck(item, 3)" @mouseenter="aaa(index)" @mouseleave="bbb">
<template v-if="!item.name">
- {{item.minamount}}~{{item.maxamount}}
+
+ <text :style="{color: fontColorIndex === index ? fontColor : ''}">{{item.minamount}}~{{item.maxamount}}</text>
</template>
<template v-else>
- {{item.name}}
+ <text :style="{color: fontColorIndex === index ? fontColor : ''}">{{item.name}}</text>
</template>
</view>
</view>
@@ -161,8 +168,8 @@
<text>{{shopPageBrand.name ? shopPageBrand.name : '鍝佺墝'}}</text>
<image src="@/static/ar_open@2x.png" mode="widthFix"></image>
<view class="productPage_xl" :style="{background: !configuration ? 'rgba(13, 30, 65, 1)' : configuration.pull.bgType === 1 ? percentage(configuration.pull.bgColor, configuration.pull.bgAlpha) : '#0D1E41'}" v-if="brandData.length > 0">
- <view class="productPage_xl_iten" v-for="(item, index) in brandData1" :key="index" @click="clickShopPageCheck(item, 4)">
- {{item.name}}
+ <view class="productPage_xl_iten" v-for="(item, index) in brandData1" :key="index" @click="clickShopPageCheck(item, 4)" @mouseenter="aaa(index)" @mouseleave="bbb">
+ <text :style="{color: fontColorIndex === index ? fontColor : ''}">{{item.name}}</text>
</view>
</view>
</view>
@@ -209,7 +216,7 @@
<view class="productPage_shop_item_img">
<image :src="item.imgurl ? item.prefixUrl + item.imgurl : ''" mode="widthFix"></image>
</view>
- <text>{{stringOperations(item.name, 6)}}</text>
+ <text :style="{'font-size': !configuration &&!configuration.listproname?'16px':((configuration.listproname.fontSize||16) +'px'),color: !configuration&&!configuration.listproname ? '#ffffff' : configuration.listproname.selType === 1 ? percentage(configuration.listproname.selColor, configuration.listproname.selAlpha) : '#ffffff',color: !configuration ? '#ffffff' : configuration.listproname.selType === 1 ? percentage(configuration.listproname.selColor, configuration.listproname.selAlpha) : '#ffffff'}">{{item.name}}</text>
</view>
<view class="productPage_shop_zw"></view>
<view class="productPage_shop_zw"></view>
@@ -219,7 +226,7 @@
<view class="productPage_parameter" v-if="isPK && pkcontent">
<view class="productPage_parameter_item" v-for="(item, index) in [leftShop, rightShop]" :key="index">
<view class="productPage_parameter_item_head" :style="{background: !configuration ? 'rgba(13, 30, 65, 1)' : configuration.header.backgroundType === 2 ? `linear-gradient(180deg, ${percentage(configuration.header.bgColor, configuration.header.bgAlpha)} 0%, ${percentage(configuration.header.bgColor2, configuration.header.bgAlpha2)} 100%)` : percentage(configuration.header.bgColor, configuration.header.bgAlpha), color: !configuration ? 'rgba(255, 255, 255, 1)' : configuration.header.type === 1 ? percentage(configuration.header.color, configuration.header.alpha) : 'rgba(255, 255, 255, 1)'}">
- {{stringOperations(item.name, 25)}}
+ <text>{{item.name}}</text>
</view>
<view class="productPage_parameter_item_content" :style="{background: !configuration ? 'rgba(137, 159, 197, 1)' : configuration.list.bgType === 1 ? percentage(configuration.list.bgColor, configuration.list.bgAlpha) : 'rgba(137, 159, 197, 1)'}">
<view class="productPage_parameter_item_content_price">
@@ -233,7 +240,12 @@
</view>
</view>
<view class="productPage_parameter_item_content_nr">
- <view class="item" v-for="(child, i) in item.goodsParamList" :key="i">
+ <view class="item" v-if="item.param1" v-for="(child, i) in item.param1" :key="child.index">
+ <view class="label">{{child.name}}锛�</view>
+ <view class="value">{{child.val}}</view>
+ </view>
+ <view v-if="item.param2.length>0" class="paramline"></view>
+ <view class="item" v-if="item.param2" v-for="(child, j) in item.param2" :key="child.index">
<view class="label">{{child.name}}锛�</view>
<view class="value">{{child.val}}</view>
</view>
@@ -253,6 +265,8 @@
<search
ref="search"
:search="configuration ? configuration.search : null"
+ :conMark="configuration ? configuration : null"
+ :fontColor="fontColor"
:categoryList="category"
:shopList="shopData"
:categoryid="categoryId"
@@ -273,13 +287,13 @@
import bigImg from '@/components/bigImg.vue'
import search from '@/components/search.vue'
import searchShopList from '@/components/searchShopList.vue'
- import { categoryList, goodsList, brandList, h5Image, logout, getByLoginNew } from '@/apis/index.js'
+ import { categoryList, goodsList, brandList, h5Image, logout, getByLoginNew, listForH5 } from '@/apis/index.js'
import { mapState } from 'vuex'
export default {
data() {
return {
status: 0, // 0棣栭〉 1鍟嗗搧鍒楄〃 2pk椤�
-
+ backPageNum:1,//杩斿洖椤垫暟
img: '',
opacity: 1,
@@ -342,7 +356,9 @@
topImg: '',
pkImg: '',
- title: ''
+ title: '',
+ fontColor: 'rgba(255, 220, 108, 1)',
+ fontColorIndex: ''
}
},
components: { bigImg, search, searchShopList },
@@ -352,7 +368,6 @@
if (!res.data) {
return
}
- console.log(JSON.parse(res.data.newParam))
this.configuration = JSON.parse(res.data.newParam)
this.fontColor = this.configuration.pull.selType === 1 ? this.percentage(this.configuration.pull.selColor, this.configuration.pull.selAlpha) : 'rgba(255, 220, 108, 1)'
if (this.configuration.bgImg.type === 0) {
@@ -499,6 +514,52 @@
}
},
methods: {
+ jumpPKNew(){
+ this.status = 1
+ },
+ aaa(index) {
+ this.fontColorIndex = index
+ },
+ bbb() {
+ this.fontColorIndex = ''
+ },
+ // 榧犳爣绉诲鍝佺墝
+ async mouseenterP(index, categoryId) {
+ this.shopList[index].ppShow = true
+ if (!this.shopList[index].brandList || this.shopList[index].brandList.length == 0) {
+ let res = await brandList({ categoryId })
+ if (res.code === 200) {
+ // this.shopList[index].ppData = res.data
+ this.shopList[index].brandList = res.data
+ }
+ }
+
+ this.$forceUpdate()
+ },
+ mouseleaveP(index) {
+ this.shopList[index].ppShow = false
+ this.$forceUpdate()
+ },
+ // 榧犳爣绉诲鍨嬪彿
+ async mouseenterX(index, type = 2) {
+ if (this.shopList[index].xhData && this.shopList[index].xhData.length > 0) {
+ this.$forceUpdate()
+ } else {
+ let res = await listForH5({
+ categoryId: this.shopList[index].categoryId,
+ brandId: this.shopList[index].brandId
+ })
+ if (res.code === 200) {
+ this.shopList[index].xhData = res.data;
+ }
+ }
+ this.shopList[index].xhShow = true
+ this.$forceUpdate()
+ },
+ mouseleaveX(index) {
+ this.shopList[index].xhShow = false
+ this.$forceUpdate()
+ },
// 宸查�夊晢鍝佸垪琛ㄦ悳绱㈠搧鐗�
searchBrand(e, item) {
item.brandSearchList = item.brandList.filter(item => {
@@ -620,7 +681,7 @@
if (this.status === 0) return
this.$refs.search.close()
this.$refs.searchShopListRef.close()
- this.status = this.status - 1
+ this.status = this.status -(this.backPageNum>0?this.backPageNum:1)
if (this.status === 0) {
this.leftShop = {}
this.rightShop = {}
@@ -682,7 +743,11 @@
})
}
})
- this.$refs.bigImg.open(i)
+ if (this.imgList.length === 0) return
+ this.$viewerApi({
+ images: this.imgList,
+ })
+ // this.$refs.bigImg.open(i)
},
// 璺宠浆pk
jumpPK() {
@@ -694,11 +759,12 @@
},
// 鐐瑰嚮鍔犲叆pk鍟嗗搧
openSearch(type) {
- if (type === 'left') {
+ this.$refs.search.open(type)
+ /* if (type === 'left') {
this.$refs.search.open('left')
} else if (type === 'right') {
this.$refs.search.open('right')
- }
+ } */
},
// 鐐瑰嚮鍟嗗搧鍒楄〃椤甸潰鏌ヨ
clickShopPageCheck(item, type) {
@@ -727,6 +793,7 @@
this.pkcontent = false
this.status = 1
this.shopPageDataSou = this.shopPageData.filter(item1 => {
+ console.log(item1.attrFirstIds, this.attributeOne.id)
if (
(this.attributeOne.id ? item1.attrFirstIds.indexOf(String(this.attributeOne.id)) !== -1 : true) &&
(this.attributeTwo.id ? item1.attrFirstIds.indexOf(String(this.attributeTwo.id)) !== -1 : true) &&
@@ -785,6 +852,8 @@
this.shopList[index].price = ''
this.shopList[index].ppShow = false
+ this.shopList[index].xhData = []
+
this.shopList[index].brandSearchList = []
this.shopList[index].brandVal = ''
this.$forceUpdate()
@@ -806,9 +875,56 @@
this.leftShop = JSON.parse(JSON.stringify(val))
} else if (this.$refs.search.typeName === 'right') {
this.rightShop = JSON.parse(JSON.stringify(val))
+ let leftParamList = this.leftShop.goodsParamList;
+ let rightParamList = this.rightShop.goodsParamList;
+ let leftList1 = new Array();
+ let leftList2 = new Array();
+ let rightList1 = new Array();
+ let rightList2 = new Array();
+ if(leftParamList && leftParamList.length>0){
+ leftParamList.forEach(item => {
+ let flag =0;
+ let rightTemp = null;
+ if(rightParamList && rightParamList.length>0){
+ rightParamList.forEach(item1 => {
+ if (item.name === item1.name ) {
+ flag =1;
+ rightTemp = item1;
+ return;
+ }
+ })
+ }
+ if(flag === 1){
+ leftList1.push(item);
+ rightList1.push(rightTemp);
+ }else{
+ leftList2.push(item);
+ }
+ })
+ }
+ if(rightParamList && rightParamList.length>0){
+ rightParamList.forEach(item=> {
+ let flag1 = 0;
+ rightList1.forEach(item1 => {
+ if (item.name === item1.name ) {
+ flag1 =1;
+ //return;
+ }
+ })
+ if(flag1 === 0){
+ rightList2.push(item);
+ }
+ })
+ }
+ Reflect.set(this.leftShop, "param1",leftList1);
+ Reflect.set(this.leftShop, "param2",leftList2);
+ Reflect.set(this.rightShop, "param1",rightList1);
+ Reflect.set(this.rightShop, "param2",rightList2);
} else {
this.shopList.push(JSON.parse(JSON.stringify(val)))
}
+ console.log(this.leftShop)
+ console.log(this.rightShop)
},
// 鑾峰彇鍏ㄩ儴鍟嗗搧
getGoodsList() {
@@ -872,7 +988,7 @@
this.$forceUpdate()
},
// 鐐瑰嚮绫诲埆
- clickItem(index, id, name) {
+ clickItem(index, id, name,status,proItem) {
this.categoryId = id
this.categoryName = name
this.isSOU = false
@@ -886,7 +1002,7 @@
})
this.category.forEach((item, num) => {
- if (index === num) {
+ if (item.id === id) {
item.active = true
this.attrSecondList = []
@@ -944,6 +1060,12 @@
this.shopPageData = this.shopData.filter(item => {
return item.categoryId === id
})
+ if(status ==2){
+ this.leftShop=proItem
+ this.backPageNum =2
+ }else{
+ this.backPageNum=1
+ }
console.log(this.shopPageData)
// this.shopData.forEach(item => {
// if (item.categoryId === id) {
@@ -967,7 +1089,7 @@
id: '',
name: ''
},
- this.status = 1
+ this.status = status || 1
},
mousemove(e) {
if (e === this.index) return
@@ -1149,10 +1271,10 @@
opacity: 0;
transform: translate(0%, 0%);
z-index: -1;
- height: 56px;
+ height: 45px;
display: flex;
align-items: center;
- background: rgba(0,224,255,0.3);
+ background: #ffffff;
border-radius: 8px;
image {
width: 32px;
@@ -1213,8 +1335,11 @@
font-weight: 500;
}
.commodityFrom_body_content_item_num_img {
- width: 16px;
- height: 16px;
+ width: 28px;
+ height: 28px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
margin-right: 4px;
image {
width: 100%;
@@ -1292,6 +1417,17 @@
&:hover {
color: #FFF200;
}
+ text {
+ width: 100%;
+ text-align: center;
+ font-size: 16px;
+ font-family: PingFangSC-Regular, PingFang SC;
+ font-weight: 400;
+ color: #FFFFFF;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
}
}
}
@@ -1326,7 +1462,9 @@
flex: 1;
display: flex;
align-items: center;
- justify-content: flex-end;
+ justify-content: flex-start;
+ padding: 0 15px;
+ box-sizing: border-box;
font-size: 16px;
font-family: SourceHanSansSC-Medium, SourceHanSansSC;
font-weight: 500;
@@ -1589,21 +1727,25 @@
}
.productPage_shop_item {
width: 168px;
- height: 204px;
margin-bottom: 12px;
cursor: pointer;
background: rgba(0,224,255,0.18);
border-radius: 8px;
display: flex;
transition: .5s;
+ padding: 15px;
+ box-sizing: border-box;
flex-direction: column;
- justify-content: center;
align-items: center;
box-sizing: border-box;
+ white-space: pre-wrap;
+ word-break: break-all;
+ text-align: center;
&:hover {
background: linear-gradient(180deg, rgba(0,224,255,0.3) 0%, rgba(255,255,255,0.41) 100%);
border-radius: 8px;
border: 2px solid #FFFFFF;
+ box-sizing: border-box;
}
.productPage_shop_item_img {
width: 136px;
@@ -1611,12 +1753,19 @@
display: flex;
align-items: center;
justify-content: center;
+ overflow: hidden;
image {
width: 100%;
height: 100%;
}
}
text {
+ width: 100%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
font-size: 16px;
font-family: SourceHanSansSC-Normal, SourceHanSansSC;
font-weight: 400;
@@ -1629,24 +1778,35 @@
width: 100%;
display: flex;
align-items: flex-start;
+ justify-content: space-between;
margin-bottom: 30px;
.productPage_parameter_item {
- flex: 1;
+ width: 49%;
&:first-child {
margin-right: 18px;
}
.productPage_parameter_item_head {
width: 100%;
height: 40px;
- background: rgba(0,224,255,0.34) linear-gradient(180deg, rgba(255,255,255,0.35) 0%, rgba(0,0,0,0.21) 100%);
+ // background: rgba(0,224,255,0.34) linear-gradient(180deg, rgba(255,255,255,0.35) 0%, rgba(0,0,0,0.21) 100%);
border-radius: 8px 8px 0px 0px;
display: flex;
align-items: center;
justify-content: center;
- font-size: 16px;
- font-family: SourceHanSansSC-Medium, SourceHanSansSC;
- font-weight: 500;
- color: #FFFFFF;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ text {
+ width: 100%;
+ text-align: center;
+ font-size: 16px;
+ font-family: SourceHanSansSC-Medium, SourceHanSansSC;
+ font-weight: 500;
+ color: #FFFFFF;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
}
.productPage_parameter_item_content {
width: 100%;
@@ -1710,17 +1870,21 @@
}
}
.productPage_parameter_item_content_nr {
- padding: 16px 32px;
+ padding: 16px 18px;
box-sizing: border-box;
background: #FFFFFF;
border-radius: 8px;
margin-top: 12px;
display: flex;
flex-direction: column;
+ .paramline{
+ border-bottom: #c7c9ce 2px dashed;
+ margin-bottom: 15px;
+ }
.item {
display: flex;
- align-items: center;
- margin-bottom: 28px;
+ align-items: flex-start;
+ margin-bottom: 15px;
&:last-child {
margin-bottom: 0 !important;
}
--
Gitblit v1.9.3