Skip to content

M
mallapp
Commit 38c2e88b authored by zhengke's avatar zhengke
Browse files
Options

修改

parent fd33398d
Hide whitespace changes
Inline Side-by-side
Showing with 222 additions and 240 deletions
components/goods/style5.vue
View file @ 38c2e88b
......@@ -107,7 +107,7 @@ export default {
.her-scoller {
overflow-x: auto !important;
padding: 12px;
display: flex;
/* display: flex; */
white-space: nowrap;
}
/* .her-scoller::after {
......@@ -122,6 +122,7 @@ export default {
border: 1rpx solid transparent;
border-radius: 10rpx;
padding-bottom: 10rpx;
display:inline-block;
/* float: left; */
}
.her-scoller .good-five .tips {
......
components/study/style5.vue
View file @ 38c2e88b
......@@ -8,12 +8,10 @@
'padding-right':goodsInfo.PaddingRight+'px',
'padding-bottom':goodsInfo.PaddingBottom+'px',
'padding-left':goodsInfo.PaddingLeft+'px',
}">
<view class="good-five" @click="openGood(item)" v-for="(item, gli) in goodsInfo.list" :style="{borderRadius:goodsInfo.SearchFilletPX==0?10:goodsInfo.SearchFilletPX+'px'}" :key="gli">
}">
<view class="myStudy_five_study" @click="openGood(item)" v-for="(item, gli) in goodsInfo.list" :style="{borderRadius:goodsInfo.SearchFilletPX==0?10:goodsInfo.SearchFilletPX+'px'}" :key="gli">
<view class="img-box">
<view class="img-show">
<image style="width: 100%; height: 100%;" mode="aspectFill" :src="item.picUrl" />
</view>
<image style="width: 100%; height: 100%;" mode="aspectFill" :src="item.picUrl" />
</view>
<view class="good-info">
<view class="good-name" v-if="item.name">{{ item.name }}</view>
......@@ -68,86 +66,77 @@
</script>
<style>
.her-scoller-study {
padding: 12px;
}
.her_Two_study{
overflow-x: auto !important;
display: flex;
white-space: nowrap;
}
.her-scoller-study .good-five {
position: relative;
margin-right: 12px;
width: 30%;
border-radius: 10rpx;
padding-bottom: 10rpx;
overflow: hidden;
}
.her-scoller-study .good-five .tips {
width: 64rpx;
height: 64rpx;
position: absolute;
top: 0;
left: 0;
z-index: 4;
}
.her-scoller-study .good-five .img-box {
width: 100%;
height: 0;
padding-top: 100%;
position: relative;
}
.her-scoller-study .good-five .img-box .img-show {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 2;
}
.her-scoller-study .good-five .guding {
position: relative;
}
.her-scoller-study .good-five .guding .img-box {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.her-scoller-study .good-five .good-info {
padding: 6rpx;
padding-bottom: 0;
}
.her-scoller-study .good-five .good-info .good-name {
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 4rpx;
font-size: 13px;
width: 100%;
}
.her-scoller-study .good-five .good-info .good-price-info {
display: flex;
justify-items: center;
align-items: center;
}
.her-scoller-study .good-five .good-info .good-price-info .price {
color: #999999;
flex: 1;
font-size: 12px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.her-scoller-study .good-five .good-info .good-price-info .buy {
width: 24px;
text-align: right;
}
.myStudy_five_study {
position: relative;
margin-bottom: 14px;
display: flex;
box-sizing: border-box;
padding: 0 1px 1px 0;
width:600px;
}
.myStudy_five_study:last-child{
margin-bottom:0!important;
}
.myStudy_five_study .img-box {
width: 110px;
height: 70px;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 4px 10px 1px #D2D2D2;
}
.myStudy_five_study .good-info {
padding: 0 12px 12px 12px;
flex: 1;
border: 10rpx;
padding-bottom: 0;
display: flex;
flex-direction: column;
/* width:20%; */
}
.myStudy_five_study .good-info .good-name {
font-size: 13px;
margin-bottom:5px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: inline-block;
width:130px;
}
.myStudy_five_study .good-info .good-price-info {
display: flex;
justify-items: center;
padding-bottom: 10rpx;
}
.myStudy_five_study .good-info .good-price-info .price {
color: #999999;
flex: 1;
font-size: 14px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.myStudy_five_study .good-info .good-price-info .buy {
width: 24px;
text-align: right;
}
.her_Two_study {
overflow-x: auto !important;
display: flex;
white-space: nowrap;
}
.style_five_label{
float:left;
padding: 2px 4px;
border-radius: 2px;
font-size: 10px;
color: #FAF8F9;
margin:0 5px 5px 0;
}
</style>
components/studyArticle/style5.vue
View file @ 38c2e88b
<template>
<view class="her-scoller-study" :style="{
'background-color': goodsInfo.backgroundColor
}">
<view class="her_Two_study" :style="{
'background-color': goodsInfo.backgroundColor,
'padding-top':goodsInfo.PaddingTop+'px',
'padding-right':goodsInfo.PaddingRight+'px',
'padding-bottom':goodsInfo.PaddingBottom+'px',
'padding-left':goodsInfo.PaddingLeft+'px',
}">
<view class="good-five" @click="openGood(item)" v-for="(item, gli) in goodsInfo.list" :style="{borderRadius:goodsInfo.SearchFilletPX==0?10:goodsInfo.SearchFilletPX+'px'}" :key="gli">
<view class="img-box">
<view class="img-show">
<image style="width: 100%; height: 100%;" mode="aspectFill" :src="item.picUrl" />
</view>
</view>
<view class="good-info">
<view class="good-name" v-if="item.name">{{ item.name }}</view>
<view>
<view style="display:inline-block;padding: 2px 4px;border-radius: 2px;font-size: 10px;color: #FAF8F9;margin-right:5px"
:style="{background:mainColor}" v-for="(subItem,subIndex) in item.lableNameList" :key="subIndex">
{{subItem}}
</view>
</view>
</view>
</view>
</view>
<auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth"></auth>
</view>
</template>
<script>
import auth from '@/components/auth/index.vue';
export default {
components: {
auth
},
props: ['goodsInfo'],
data() {
return {
mainColor: '',
showAuth: false,
u: {},
};
},
created() {
this.mainColor = this.$uiConfig.mainColor;
},
methods: {
openGood(item) {
this.u = uni.getStorageSync('mall_UserInfo');
uni.navigateTo({ url: "/pages/school/articleDetails?ID=" + item.id });
},
reloadUserinfo() {
this.u = uni.getStorageSync('mall_UserInfo');
// this.showAuth = false;
},
//关闭登录窗口
gbAuth() {
this.showAuth = false;
}
}
};
</script>
<style>
.her-scoller-study {
padding: 12px;
}
.her_Two_study{
overflow-x: auto !important;
display: flex;
white-space: nowrap;
}
.her-scoller-study .good-five {
position: relative;
margin-right: 12px;
width: 30%;
padding-bottom: 10rpx;
/* border:1px solid rgb(226, 226, 226); */
overflow: hidden;
}
.her-scoller-study .good-five .tips {
width: 64rpx;
height: 64rpx;
position: absolute;
top: 0;
left: 0;
z-index: 4;
}
.her-scoller-study .good-five .img-box {
width: 100%;
height: 0;
padding-top: 100%;
position: relative;
}
.her-scoller-study .good-five .img-box .img-show {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 2;
}
.her-scoller-study .good-five .guding {
position: relative;
}
.her-scoller-study .good-five .guding .img-box {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.her-scoller-study .good-five .good-info {
padding: 6rpx;
padding-bottom: 0;
}
.her-scoller-study .good-five .good-info .good-name {
overflow: hidden;
text-overflow: ellipsis;
display: block;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 4rpx;
font-size: 13px;
width: 100%;
}
.her-scoller-study .good-five .good-info .good-price-info {
display: flex;
justify-items: center;
align-items: center;
}
.her-scoller-study .good-five .good-info .good-price-info .price {
color: #999999;
flex: 1;
font-size: 12px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.her-scoller-study .good-five .good-info .good-price-info .buy {
width: 24px;
text-align: right;
}
</style>
<template>
<view style="width:100%;padding: 12px;" :style="{
'background-color': goodsInfo.backgroundColor,
}">
<view class="her_Two_study" :style="{
'padding-top':goodsInfo.PaddingTop+'px',
'padding-right':goodsInfo.PaddingRight+'px',
'padding-bottom':goodsInfo.PaddingBottom+'px',
'padding-left':goodsInfo.PaddingLeft+'px'
}">
<view class="good-five-stydy" v-for="(item, gli) in goodsInfo.list" :key="gli" :style="{'borderRadius':goodsInfo.SearchFilletPX+'px'}" @click="openGood(item)">
<view class="img-box">
<image style="width: 100%; height: 100%;" mode="aspectFill" :src="item.picUrl" />
</view>
<view class="good-info">
<view class="good-name" v-if="item.name">{{ item.name }}</view>
<view style="overflow: hidden;">
<view class="style_five_label"
:style="{background:mainColor}" v-for="(subItem,subIndex) in item.lableNameList" :key="subIndex">
{{subItem}}
</view>
</view>
</view>
</view>
</view>
<auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth"></auth>
</view>
</template>
<script>
import goodSku from '../goods/goodsku';
import auth from '@/components/auth/index.vue';
export default {
components: {
auth
},
props: ['goodsInfo'],
data() {
return {
mainColor: '',
showAuth: false,
u: {},
};
},
created() {
this.mainColor = this.$uiConfig.mainColor;
},
mounted(){
},
methods: {
openGood(item) {
this.u = uni.getStorageSync('mall_UserInfo');
uni.navigateTo({ url: "/pages/school/articleDetails?ID=" + item.id });
},
reloadUserinfo() {
this.u = uni.getStorageSync('mall_UserInfo');
// this.showAuth = false;
},
//关闭登录窗口
gbAuth() {
this.showAuth = false;
}
}
};
</script>
<style>
.good-five-stydy {
position: relative;
margin-bottom: 14px;
display: flex;
box-sizing: border-box;
padding: 0 1px 1px 0;
width:600px;
}
.good-five-stydy:last-child{
margin-bottom:0!important;
}
.good-five-stydy .img-box {
width: 110px;
height: 70px;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 4px 10px 1px #D2D2D2;
}
.good-five-stydy .good-info {
padding: 0 12px 12px 12px;
flex: 1;
border: 10rpx;
padding-bottom: 0;
display: flex;
flex-direction: column;
/* width:20%; */
}
.good-five-stydy .good-info .good-name {
font-size: 13px;
margin-bottom:5px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: inline-block;
width:130px;
}
.good-five-stydy .good-info .good-price-info {
display: flex;
justify-items: center;
align-items: flex-end;
height: 22px;
flex: 1;
padding-bottom: 10rpx;
}
.good-five-stydy .good-info .good-price-info .price {
color: #999999;
flex: 1;
font-size: 14px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.good-five-stydy .good-info .good-price-info .buy {
width: 24px;
text-align: right;
}
.her_Two_study { overflow-x: auto !important; display: flex; white-space: nowrap; }
.style_five_label{
float:left;
padding: 2px 4px;
border-radius: 2px;
font-size: 10px;
color: #FAF8F9;
margin:0 5px 5px 0;
}
</style>
......
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