Commit 07420f06 authored by usgeek's avatar usgeek Committed by linlinjava
Browse files

goods页面微调,登陆按钮微调

parent cca55492
......@@ -3,7 +3,7 @@
<view class="c">
<image src="http://nos.netease.com/mailpub/hxm/yanxuan-wap/p/20150730/style/img/icon-normal/noCart-a8fe3f12e5.png" />
<text>还没有登录</text>
<button type="primary" plain="true" bindtap="goLogin">去登录</button>
<button style="background-color:#A9A9A9" bindtap="goLogin">去登录</button>
</view>
</view>
<view class='login' wx:else>
......
......@@ -42,6 +42,17 @@ Page({
}
},
shareFriendOrCircle: function () {
//var that = this;
if (this.data.openShare === false) {
this.setData({
openShare: !this.data.openShare
});
} else {
return false;
}
},
// 保存分享图
saveShare: function() {
let that = this;
......
......@@ -26,9 +26,9 @@
</view>
</view>
</view>
<view class="goods-info">
<view class="c">
<text class="name">{{goods.name}}</text>
<text class="desc">{{goods.goodsBrief}}</text>
<view class="price">
<view class="counterPrice">原价:¥{{goods.counterPrice}}</view>
......@@ -121,7 +121,6 @@
</view>
</view>
</view>
<!-- 规格选择界面 -->
<view class="attr-pop-box" hidden="{{!openAttr}}">
<view class="attr-pop">
......
......@@ -12,6 +12,30 @@
height: 750rpx;
}
.commodity_screen {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: #000;
opacity: 0.2;
overflow: hidden;
z-index: 1000;
color: #fff;
}
.commodity_attr_box {
width: 100%;
overflow: hidden;
position: fixed;
bottom: 0;
left: 0;
z-index: 2000;
background: #fff;
padding-top: 20rpx;
}
/* .service-policy {
width: 750rpx;
height: 73rpx;
......@@ -52,14 +76,47 @@
.goods-info .c text {
display: block;
width: 687.5rpx;
text-align: center;
text-align: left;
}
.goods_name {
/* border: 1px solid black; */
height: 86rpx;
line-height: 86rpx;
border-bottom: 1px solid #fafafa;
}
.goods-info .name {
height: 41rpx;
margin-bottom: 5.208rpx;
font-size: 41rpx;
line-height: 41rpx;
.goods_name_left {
/* border: 1px solid #757575; */
float: left;
height: 86rpx;
font-weight: 550;
line-height: 86rpx;
margin-left: 35rpx;
font-size: 38rpx;
letter-spacing: 1rpx;
}
.goods_name_right {
float: right;
font-weight: 550;
margin-top: 28rpx;
width: 140rpx;
height: 80rpx;
line-height: 82rpx;
padding: 0;
margin: 0;
margin-right: 0rpx;
text-align: center;
font-size: 25rpx;
color: #f4f4f4;
border-top-left-radius: 50rpx;
border-bottom-left-radius: 50rpx;
border-top-right-radius: 0rpx;
border-bottom-right-radius: 0rpx;
letter-spacing: 3rpx;
/* background-image: linear-gradient(to right, #ff7701 100%); */
background-image: linear-gradient(to right, #9a9ba1 0%, #9a9ba1 100%);
}
.goods-info .desc {
......@@ -77,15 +134,14 @@
.goods-info .counterPrice {
float: left;
padding-left: 120rpx;
padding-left: 0rpx;
text-decoration: line-through;
font-size: 30rpx;
color: #999;
}
.goods-info .retailPrice {
/* float: right; */
padding-left: 60rpx;
padding-left: 5%;
font-size: 30rpx;
color: #a78845;
}
......@@ -93,7 +149,7 @@
.goods-info .brand {
margin-top: 23rpx;
min-height: 40rpx;
text-align: center;
text-align: left;
}
.goods-info .brand text {
......@@ -601,7 +657,7 @@
.bottom-btn .c {
float: left;
background: #f48f18;
background: #b4282d;
height: 100rpx;
line-height: 96rpx;
flex: 1;
......@@ -611,8 +667,8 @@
}
.bottom-btn .r {
border: 1px solid #b4282d;
background: #b4282d;
border: 1px solid #f48f18;
background: #f48f18;
float: left;
height: 100rpx;
line-height: 96rpx;
......@@ -767,71 +823,20 @@
line-height: 65rpx;
}
.contact {
height: 100rpx;
width: 100rpx;
background-color: #008000;
border-radius: 100%;
position: fixed;
bottom: 150rpx;
right: 20rpx;
display: flex;
align-items: center;
justify-content: center;
z-index: 9;
flex-direction: column;
/*line-height: 100rpx;
text-align: center;
padding-top: 26rpx;*/
bottom: 96rpx;
right: 10rpx;
font-size: 20rpx;
color: #008000;
box-sizing: border-box;
background: url("https://litemall.oss-cn-shenzhen.aliyuncs.com/kefu.png") no-repeat center 21rpx;
background-size: 55rpx auto;
}
/*分享样式*/
.goods_name {
/* border: 1px solid black; */
height: 86rpx;
line-height: 86rpx;
border-bottom: 1px solid #fafafa;
}
.goods_name_left {
/* border: 1px solid #757575; */
float: left;
height: 86rpx;
font-weight: 550;
line-height: 86rpx;
margin-left: 35rpx;
font-size: 38rpx;
letter-spacing: 1rpx;
}
.goods_name_right {
float: right;
font-weight: 550;
margin-top: 28rpx;
width: 140rpx;
height: 80rpx;
line-height: 82rpx;
padding: 0;
margin: 0;
margin-right: 0rpx;
text-align: center;
font-size: 25rpx;
color: #f4f4f4;
border-top-left-radius: 50rpx;
border-bottom-left-radius: 50rpx;
border-top-right-radius: 0rpx;
border-bottom-right-radius: 0rpx;
letter-spacing: 3rpx;
/* background-image: linear-gradient(to right, #ff7701 100%); */
background-image: linear-gradient(to right, #9a9ba1 0%, #9a9ba1 100%);
}
.share-pop-box {
width: 100%;
height: 100%;
......
Supports Markdown
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