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