Browse Source

使用门店样式优化

soldDate
HolyKnightIX 2 years ago
parent
commit
476cdb0442
5 changed files with 102 additions and 71 deletions
  1. BIN
      assets/itemImg/merchantImgCover.png
  2. +10
    -11
      components/shop/shop.less
  3. +2
    -2
      components/shop/shop.ttml
  4. +10
    -11
      components/shop/shop.ttss
  5. +80
    -47
      pages/index/searchbar/detail/index.ttss

BIN
assets/itemImg/merchantImgCover.png View File

Before After
Width: 200  |  Height: 200  |  Size: 8.3 KiB Width: 128  |  Height: 128  |  Size: 1.7 KiB

+ 10
- 11
components/shop/shop.less View File

@@ -18,7 +18,7 @@
}

.goShop {
float: right;
float: left;
font-size: 22rpx;
height: 70rpx;
line-height: 70rpx;
@@ -41,26 +41,25 @@
border-bottom: 10rpx solid #f4f5f9;

.mall {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 15rpx;
margin-bottom: 15rpx;
padding-left: 25rpx;
padding-right: 65rpx;

.img {
width: 120rpx;
height: 120rpx;
display: inline-block;
width: 75rpx;
height: 75rpx;
}

.mallItem {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
top: -26rpx;
display: inline-block;
margin-left: 25rpx;

.title {
font-size: 35rpx;
font-size: 28rpx;
}
}
}
@@ -164,7 +163,7 @@

.certificationBox {
position: absolute;
right: 80rpx;
right: 30rpx;
top: 0;
bottom: 0;
margin: auto;


+ 2
- 2
components/shop/shop.ttml View File

@@ -1,9 +1,9 @@
<view class="components">
<view class="header">
<view class='applyshop'>适用门店</view>
<view class='applyshop'>{{"适用门店("+mallNum+"家)"}}</view>
<!-- <image src="../../assets/itemImg/chevron.png" mode="widthFix" class="rightArrow">
</image> -->
<view class="goShop">{{'共'+mallNum+'家门店适用'}}</view>
<!-- <view class="goShop">{{'共'+mallNum+'家门店适用'}}</view> -->
</view>
<view tt:for="{{list}}" tt:for-index="index" tt:key="index" class="body">
<view class="mall">


+ 10
- 11
components/shop/shop.ttss View File

@@ -17,7 +17,7 @@
font-weight: bold;
}
.components .header .goShop {
float: right;
float: left;
font-size: 22rpx;
height: 70rpx;
line-height: 70rpx;
@@ -37,25 +37,24 @@
border-bottom: 10rpx solid #f4f5f9;
}
.components .body .mall {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 15rpx;
margin-bottom: 15rpx;
padding-left: 25rpx;
padding-right: 65rpx;
}
.components .body .mall .img {
width: 120rpx;
height: 120rpx;
display: inline-block;
width: 75rpx;
height: 75rpx;
}
.components .body .mall .mallItem {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
top: -26rpx;
display: inline-block;
margin-left: 25rpx;
}
.components .body .mall .mallItem .title {
font-size: 35rpx;
font-size: 28rpx;
}
.components .body .goExpand {
text-align: center;
@@ -141,7 +140,7 @@
}
.components .body .shop .posi .posi_logo .certificationBox {
position: absolute;
right: 80rpx;
right: 30rpx;
top: 0;
bottom: 0;
margin: auto;


+ 80
- 47
pages/index/searchbar/detail/index.ttss View File

@@ -1,16 +1,17 @@
@import "../../../../app.ttss";
page{

page {
background: #F4F5F9;
}
.index-slide, swiper-item
.index-slide-image {

.index-slide,
swiper-item .index-slide-image {
display: block;
width: 750rpx;
height: 450rpx;
margin: 0 auto;
overflow: hidden;
position: relative;
height: 450rpx;

}

.index-slide-view .dots {
@@ -46,7 +47,9 @@ page{
border-top-right-radius: 20rpx;
}

.merchant-brand, .merchant-shop, .merchant-phone {
.merchant-brand,
.merchant-shop,
.merchant-phone {
width: 100%;
background: #fff;
}
@@ -59,45 +62,54 @@ page{
text-overflow: ellipsis;
overflow: hidden;
}
.merchant-brand view:nth-child(1) text:nth-child(1){
font-size:32rpx;
font-family:PingFangSC-Regular;
font-weight:400;
color:rgba(60,60,60,1);

.merchant-brand view:nth-child(1) text:nth-child(1) {
font-size: 32rpx;
font-family: PingFangSC-Regular;
font-weight: 400;
color: rgba(60, 60, 60, 1);
margin-top: 20rpx;
}
.merchant-shop text, .merchant-phone text {

.merchant-shop text,
.merchant-phone text {
font-size: 30rpx;
}
.merchant-shop .fl{

.merchant-shop .fl {
color: #A6A6A6;
}

.merchant-phone view {
color: #A6A6A6;
}
.merchant-activity view{

.merchant-activity view {
color: #333;
margin-top: 20rpx;
}

.merchant-activity view:nth-child(2) {
font-size: 26rpx;
display:flex;
flex-direction:column;
display: flex;
flex-direction: column;
}

.merchant-shop view:nth-child(2) {
font-size: 30rpx;
color: #A6A6A6;
line-height: 26rpx;
}

.merchant-activity view:nth-child(1) {
font-size:30rpx;
font-size: 30rpx;
}

.merchant-activity view:nth-child(2) text {
font-size:28rpx;
color:#919191;
letter-spacing:0;
line-height:45rpx;
font-size: 28rpx;
color: #919191;
letter-spacing: 0;
line-height: 45rpx;
}

.merchant-info {
@@ -120,27 +132,32 @@ page{
line-height: 22rpx;
margin-right: 10rpx;
}
.posi{
color: #FD832D!important;

.posi {
color: #FD832D !important;
}
.wz{

.wz {
color: #A6A6A6;
font-size: 24rpx;
}
.notes view{

.notes view {
color: #A6A6A6;
}

.merchant-brand {
border: none !important;
width: 92%;
margin: 0 auto 20rpx;
}

.merchant-brand view:nth-child(2) text:nth-child(1) {
margin-top: 20rpx;
font-size: 32rpx;
}

.title{
.title {
font-size: 26rpx;
color: #A6A6A6;
width: 530rpx;
@@ -149,13 +166,18 @@ page{
text-overflow: ellipsis;
overflow: hidden;
}
.merchant-shop,.merchant-phone,.merchant-activity{

.merchant-shop,
.merchant-phone,
.merchant-activity {
width: 92%;
margin: 0 auto;
}
.shopHr{

.shopHr {
margin-bottom: 20rpx;
}

.tabs-item.selected {
color: rgba(171, 149, 109, 0.8);
border-bottom: 2px solid rgba(171, 149, 109, 0.8);
@@ -200,12 +222,13 @@ page{
position: absolute;
bottom: 0;
left: 15%;
background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
background: linear-gradient(127deg, rgba(252, 177, 74, 1) 0%, rgba(254, 70, 20, 1) 100%);
border-radius: 100px;
}

.fenxiang {
position: absolute;
right:0;
right: 0;
top: 27rpx;
display: flex;
flex-direction: column;
@@ -215,12 +238,14 @@ page{
width: 48rpx;
height: 48rpx;
margin: 0 auto;
}
.gift{
}

.gift {
color: #3C3C3C;
font-size: 20rpx;
margin: 0 auto;
}

.user-motto {
width: 270rpx;
border: 0;
@@ -260,21 +285,24 @@ page{
text-align: center;
color: #999;
}
.have{
text-align: left!important;

.have {
text-align: left !important;
}

.swiperactive {
min-height: 400rpx;
padding-bottom: 44rpx;
padding:0 4% 10rpx;
padding: 0 4% 10rpx;

}
.swiperactive image{

.swiperactive image {
display: block;
width: 300rpx;
margin: 30rpx auto 0;
}

.modal {
width: 100%;
height: 100%;
@@ -328,7 +356,7 @@ page{
top: 0;
left: 0;
/* left: 500%; 分享图不显示在页面上面,就将画布设置在页面之外*/
}
}

.dingdan image {
display: block;
@@ -336,20 +364,24 @@ page{
margin: 30rpx auto 0;
}

button::after{ border: none; }
.goback{
button::after {
border: none;
}

.goback {
position: fixed;
right: 20rpx;
bottom: 60rpx;
width:100rpx!important;
height:100rpx;
width: 100rpx !important;
height: 100rpx;
z-index: 100;
background:rgba(255,255,255,1);
background: rgba(255, 255, 255, 1);
line-height: 95rpx;
border:1rpx solid rgba(227,227,227,1);
border-radius:50%;
border: 1rpx solid rgba(227, 227, 227, 1);
border-radius: 50%;
}
.goback image{

.goback image {
position: absolute;
width: 60rpx;
left: 0;
@@ -358,8 +390,9 @@ button::after{ border: none; }
bottom: 0;
margin: auto;
}
.frHr{

.frHr {
float: left;
margin-left: 12rpx;
margin-top:18rpx;
margin-top: 18rpx;
}

Loading…
Cancel
Save