Skip to content

U
user
Commit 8eabbc56 by 宋冰琦
Options

调整样式效果

parent 4abfb26c
Showing with 40 additions and 23 deletions
components/Ticket/index.vue
......@@ -50,8 +50,8 @@
</view>
<view v-if="info.status===2||info.status===3" class="tap">
<view class="tap_innew">
<view class="text" v-if="info.status===2">已使用</view>
<view class="text" v-else>已失效</view>
<view class="text_ysy" v-if="info.status===2"></view>
<view class="text_ysx" v-else></view>
</view>
</view>
</view>
......@@ -189,6 +189,7 @@ export default {
<style lang="scss" scoped>
.all {
background: #FFFFFF;
margin-bottom: 10rpx;
.part {
width: 100%;
margin-top: 36rpx;
......@@ -199,6 +200,7 @@ export default {
position: relative;
justify-content: space-between;
align-items: center;
transform: translateZ(0);
background: radial-gradient(circle at right top, transparent 17rpx, #FFFFFF 0) top left / 182rpx 51% no-repeat,
radial-gradient(circle at right bottom, transparent 17rpx, #FFFFFF 0) bottom left / 182rpx 51% no-repeat,
radial-gradient(circle at left top, transparent 17rpx, #FFFFFF 0) top right / 511rpx 51% no-repeat,
......@@ -245,7 +247,7 @@ export default {
line-height: 74rpx;
margin: 0 auto;
text-align: center;
margin-top: 28rpx;
margin-top: 40rpx;
.price_box {
......@@ -284,7 +286,7 @@ export default {
display: flex;
justify-content: space-between;
align-items: flex-end;
padding-top: 42rpx;
padding-top: 40rpx;
padding-bottom: 22rpx;
margin-right: 33rpx;
border-bottom: 1rpx solid #ECECEC;
......@@ -297,7 +299,7 @@ export default {
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: var(color);
line-height: 38rpx;
line-height: 36rpx;
white-space: nowrap;
}
.time {
......@@ -358,7 +360,7 @@ export default {
margin-right: 32rpx;
.more_info {
padding-bottom: 8rpx;
padding-top: 6rpx;
padding-top: 8rpx;
display: flex;
justify-content: flex-start;
align-items: center;
......@@ -409,23 +411,30 @@ export default {
}
}
.tap {
border: 1px solid #DFDFDF;
width: 99rpx;
height: 99rpx;
border-radius: 50%;
top: 15rpx;
width: 108rpx;
height: 108rpx;
// border: 1px solid red;
top: 19rpx;
right: 15rpx;
position: absolute;
.tap_innew {
position: relative;
border: 1px solid #DFDFDF;
width: 85rpx;
height: 85rpx;
border-radius: 50%;
top: 7rpx;
left: 5.5rpx;
transform: rotate(25deg);
.text {
height: 100%;
.text_ysy {
width: 100%;
height: 100%;
line-height: 88rpx;
text-align: center;
font-size: 20rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
background: url('https://hooloo-dev-api.gdatac.com/resources/used.png');
background-size: 139%;
background-repeat: no-repeat;
background-position: center;
}
.text_ysx {
width: 100%;
height: 100%;
line-height: 88rpx;
......@@ -434,6 +443,10 @@ export default {
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #999999;
background: url('https://hooloo-dev-api.gdatac.com/resources/expired.png');
background-size: 139%;
background-repeat: no-repeat;
background-position: center;
}
}
}
......@@ -464,7 +477,7 @@ export default {
radial-gradient(circle at left bottom, transparent 17rpx, #FFFFFF 0) bottom right / 511rpx 51% no-repeat;
filter: drop-shadow(-1px 3px 3px rgba(102,102,102,0.1000));
.part_top {
margin-top: 42.6rpx;
margin-top: 40rpx;
margin-left: 31.11rpx;
margin-right: 30rpx;
line-height: 32rpx;
......@@ -475,7 +488,7 @@ export default {
}
.part_bottom {
margin-top: 19rpx;
margin-top: 15rpx;
margin-left: 31.11rpx;
margin-right: 30rpx;
margin-bottom: 40rpx;
......
components/shopCar/shopCar.vue
......@@ -345,7 +345,7 @@ export default {
flex-direction: column;
.header {
padding:35rpx 31.78rpx 35rpx 31.54rpx;
padding:34rpx 31.78rpx 34rpx 31.54rpx;
display: flex;
border-bottom: 0.1px solid #F4F4F4;
......@@ -415,6 +415,7 @@ export default {
margin-right: 32rpx;
width: 40rpx;
display: flex;
margin-top: 6rpx;
align-items: center;
height: 100%;
......@@ -458,7 +459,7 @@ export default {
}
.goods-price {
margin-top: 24rpx;
margin-top: 28rpx;
.moneyLog {
height: 38rpx;
......@@ -502,6 +503,7 @@ export default {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 6rpx;
// text {
// width: 40rpx;
// line-height: 40rpx;
......@@ -632,6 +634,7 @@ export default {
line-height: 100rpx;
width: 200rpx;
height: 100%;
margin-top: -1rpx;
}
}
......
request/user/index.js
......@@ -211,6 +211,7 @@ export default {
const { statusCode, data } = res;
const { code, token, phoneNumber } = data;
if (statusCode == 200 && data && code == 200) {
console.log(token,'-------token')
uni.setStorage({ key: 'Authorization', data: token });
uni.setStorage({ key: 'phoneNumber', data: phoneNumber });
uni.setStorage({ key: 'userInfo', data: data });
......
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