root
/
school_uni
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

1

master
tianyi 3 weeks ago
parent
5b50081d28
commit
a803c9fcb7
2 changed files with 136 additions and 136 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 126
      package2/IdleTrad/chat.vue
  2. 146
      package2/IdleTrad/detail.vue

126
package2/IdleTrad/chat.vue
View File

@ -8,9 +8,9 @@
</view> </view>
<view class="title-search"> <view class="title-search">
<view class="title1"> <view class="title1">
<view style="width: 25px;height: 25px;"> <view style="width: 50rpx;height: 50rpx;">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/801c569079da4540990c1cc634186fdd.png" <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/801c569079da4540990c1cc634186fdd.png"
alt="" style="width: 100%;height:100%;background-size: 100%;border-radius: 25px;"> alt="" style="width: 100%;height:100%;background-size: 100%;border-radius: 50rpx;">
</view> </view>
<view class="c-2"> <view class="c-2">
AAA二手数码 AAA二手数码
@ -53,9 +53,9 @@
你好，我的奖品什么时候发货呀？ 你好，我的奖品什么时候发货呀？
</view> </view>
</view> </view>
<view class="c-1" style="margin-left:10px;"> <view class="c-1" style="margin-left:20rpx;">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/801c569079da4540990c1cc634186fdd.png" alt="" /> <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/801c569079da4540990c1cc634186fdd.png" alt="" />
<view class="ct-1" style="margin-left:10px;"> <view class="ct-1" style="margin-left:20rpx;">
您好，您的奖品已经发货，请注意查收 您好，您的奖品已经发货，请注意查收
</view> </view>
</view> </view>
@ -72,7 +72,7 @@
alt="" /> alt="" />
</view> </view>
</view> </view>
<view style="margin-top: 20px;font-size: 11px;font-weight: 700;text-align: center;height: 30px;line-height: 30px;color: rgba(0, 45, 51, 0.5);"> <view style="margin-top: 40rpx;font-size: 22rpx;font-weight: 700;text-align: center;height: 60rpx;line-height: 60rpx;color: rgba(0, 45, 51, 0.5);">
3月30日 下午3:16 3月30日 下午3:16
</view> </view>
<view class="c-1" style="flex-flow: row-reverse;"> <view class="c-1" style="flex-flow: row-reverse;">
@ -83,16 +83,16 @@
</view> </view>
</view> </view>
<view class="c-1" style="margin-left:10px;"> <view class="c-1" style="margin-left:20rpx;">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/801c569079da4540990c1cc634186fdd.png" alt="" /> <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/801c569079da4540990c1cc634186fdd.png" alt="" />
<view class="ct-1" style="margin-left:10px;"> <view class="ct-1" style="margin-left:20rpx;">
<uni-icons type="mic" size="12"></uni-icons> <uni-icons type="mic" size="12"></uni-icons>
20`` 20``
</view> </view>
</view> </view>
<view class="c-1" style="margin-left:10px;"> <view class="c-1" style="margin-left:20rpx;">
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/801c569079da4540990c1cc634186fdd.png" alt="" /> <img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/801c569079da4540990c1cc634186fdd.png" alt="" />
<view class="ct-1" style="margin-left:10px;"> <view class="ct-1" style="margin-left:20rpx;">
<uni-icons type="phone" size="12"></uni-icons> <uni-icons type="phone" size="12"></uni-icons>
忙线未接听 忙线未接听
</view> </view>
@ -107,7 +107,7 @@
<view class="liao2" v-if="!isInput"> <view class="liao2" v-if="!isInput">
<input type="text" placeholder="请输入消息..."> <input type="text" placeholder="请输入消息...">
</view> </view>
<view class="liao2" v-else style="text-align: center;line-height: 38px;color: #777;"> <view class="liao2" v-else style="text-align: center;line-height: 76rpx;color: #777;">
长按发送语音消息 长按发送语音消息
</view> </view>
<view class="liao1" @tap="isOpen('icon')"> <view class="liao1" @tap="isOpen('icon')">
@ -123,7 +123,7 @@
<view class="liao3tu" v-for="(item,index) in iconList" :key="index"> <view class="liao3tu" v-for="(item,index) in iconList" :key="index">
<img :src="item" alt="" /> <img :src="item" alt="" />
</view> </view>
<view style="width: 100%;height: 40px;"></view> <view style="width: 100%;height: 80rpx;"></view>
</view> </view>
<view class="liao4" v-if="isPhoto"> <view class="liao4" v-if="isPhoto">
<view class="liao5"> <view class="liao5">
@ -307,28 +307,28 @@
.title1 { .title1 {
display: flex; display: flex;
width: 100%; width: 100%;
height: 25px; height: 50rpx;
line-height: 25px; line-height: 50rpx;
} }
.c-1 { .c-1 {
height: 38px; height: 76rpx;
display: flex; display: flex;
line-height: 38px; line-height: 76rpx;
font-weight: 700; font-weight: 700;
margin: 20px 10px 0 0; margin: 40rpx 20rpx 0 0;
img { img {
width: 38px; width: 76rpx;
height: 38px; height: 76rpx;
background-size: 100%; background-size: 100%;
border-radius: 38px; border-radius: 76rpx;
} }
} }
.c-2 { .c-2 {
margin: 0 8px; margin: 0 16rpx;
font-size: 15px; font-size: 30rpx;
font-weight: 700; font-weight: 700;
} }
@ -339,20 +339,20 @@
.buy1 { .buy1 {
display: flex; display: flex;
margin-top: 17px; margin-top: 34rpx;
padding-bottom: 10px; padding-bottom: 20rpx;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
} }
.buy2 { .buy2 {
width: 84px; width: 168rpx;
height: 84px; height: 168rpx;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-size: 100%; background-size: 100%;
border-radius: 10px; border-radius: 20rpx;
} }
} }
@ -364,52 +364,52 @@
.buy4 { .buy4 {
flex: 1; flex: 1;
font-size: 15px; font-size: 30rpx;
font-weight: 700; font-weight: 700;
padding: 5px 10px; padding: 10rpx 20rpx;
} }
.buy5 { .buy5 {
height: 35px; height: 70rpx;
line-height: 37px; line-height: 74rpx;
font-size: 20px; font-size: 40rpx;
padding: 0 10px; padding: 0 20rpx;
color: red; color: red;
font-weight: 700; font-weight: 700;
display: flex; display: flex;
} }
.liao-bottom { .liao-bottom {
min-height: 80px; min-height: 160rpx;
width: 100%; width: 100%;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
padding-top: 10px; padding-top: 20rpx;
} }
.liao1 { .liao1 {
width: 24px; width: 48rpx;
height: 24px; height: 48rpx;
margin: 7px; margin: 14rpx;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-size: 100%; background-size: 100%;
border-radius: 24px; border-radius: 48rpx;
} }
} }
.liao2 { .liao2 {
background: #fff; background: #fff;
flex: 1; flex: 1;
height: 38px; height: 76rpx;
border-radius: 38px; border-radius: 76rpx;
input { input {
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: 13px 10px; padding: 26rpx 20rpx;
} }
} }
@ -420,9 +420,9 @@
} }
.liao3tu { .liao3tu {
width: 32px; width: 64rpx;
height: 32px; height: 64rpx;
margin: 15px 0 0 19px; margin: 30rpx 0 0 38rpx;
img { img {
width: 100%; width: 100%;
@ -433,45 +433,45 @@
.liao4 { .liao4 {
display: flex; display: flex;
height: 130px; height: 260rpx;
} }
.liao5 { .liao5 {
background: #fff; background: #fff;
text-align: center; text-align: center;
flex: 1; flex: 1;
padding-top: 30px; padding-top: 60rpx;
img { img {
width: 50px; width: 100rpx;
height: 50px; height: 100rpx;
background-size: 100%; background-size: 100%;
} }
} }
.buy6 { .buy6 {
text-align: center; text-align: center;
width: 90px; width: 180rpx;
height: 35px; height: 70rpx;
background: #00231c; background: #00231c;
line-height: 35px; line-height: 70rpx;
border-radius: 35px; border-radius: 70rpx;
margin: 0 5px; margin: 0 10rpx;
color: #a6ffea; color: #a6ffea;
font-size: 12px; font-size: 26rpx;
} }
.ct-1{ .ct-1{
min-width: 80px; min-width: 160rpx;
background: linear-gradient(90deg, rgba(121, 255, 223, 1), rgba(227, 255, 150, 1)); background: linear-gradient(90deg, rgba(121, 255, 223, 1), rgba(227, 255, 150, 1));
padding: 0 10px; padding: 0 20rpx;
border-bottom-left-radius: 38px; border-bottom-left-radius: 76rpx;
border-top-left-radius: 38px; border-top-left-radius: 76rpx;
border-top-right-radius: 38px; border-top-right-radius: 76rpx;
margin-right: 10px; margin-right: 20rpx;
img{ img{
width: 22px; width: 44rpx;
height: 22px; height: 44rpx;
margin-top: 8px; margin-top: 16rpx;
} }
} }
</style> </style>

146
package2/IdleTrad/detail.vue
View File

@ -406,7 +406,7 @@
} }
.content { .content {
margin-top: -70px; margin-top: -140rpx;
} }
.back-btn { .back-btn {
@ -421,7 +421,7 @@
.swiper { .swiper {
width: 100%; width: 100%;
height: 750rpx; height: 750rpx;
margin-top: 10px; margin-top: 20rpx;
} }
.swiper img { .swiper img {
@ -432,27 +432,27 @@
.title1 { .title1 {
display: flex; display: flex;
width: 100%; width: 100%;
padding: 0 12px; padding: 0 24rpx;
height: 40px; height: 80rpx;
line-height: 40px; line-height: 80rpx;
} }
.c-1 { .c-1 {
width: 34px; width: 68rpx;
height: 34px; height: 68rpx;
margin-top: 2.5px; margin-top: 5rpx;
} }
.c-1 img { .c-1 img {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-size: 100%; background-size: 100%;
border-radius: 34px; border-radius: 68rpx;
} }
.c-2 { .c-2 {
margin: 0 8px; margin: 0 16rpx;
font-size: 15px; font-size: 30rpx;
font-weight: 700; font-weight: 700;
} }
@ -462,22 +462,22 @@
} }
.c-4 { .c-4 {
width: 50px; width: 100rpx;
height: 30px; height: 60rpx;
background: rgba(0, 35, 28, 1); background: rgba(0, 35, 28, 1);
color: rgba(166, 255, 234, 1); color: rgba(166, 255, 234, 1);
text-align: center; text-align: center;
line-height: 30px; line-height: 60rpx;
border-radius: 10px; border-radius: 20rpx;
margin-top: 2.5px; margin-top: 5rpx;
} }
.c-5 { .c-5 {
height: auto; height: auto;
font-size: 15px; font-size: 30rpx;
font-weight: 700; font-weight: 700;
border-bottom: 7px solid #eee; border-bottom: 14rpx solid #eee;
padding: 10px; padding: 20rpx;
background: #fff; background: #fff;
} }
@ -486,57 +486,57 @@
} }
.p-2 { .p-2 {
font-size: 20px; font-size: 80rpx;
font-weight: 700; font-weight: 700;
height: 40px; height: 80rpx;
line-height: 40px; line-height: 80rpx;
padding: 0 10px; padding: 0 20rpx;
} }
.line { .line {
width: 70px; width: 140rpx;
height: 10px; height: 20rpx;
background: linear-gradient(135deg, rgba(2, 251, 221, 1) 0%, rgba(166, 255, 234, 0) 100%); background: linear-gradient(135deg, rgba(2, 251, 221, 1) 0%, rgba(166, 255, 234, 0) 100%);
margin-top: -16px; margin-top: -32rpx;
} }
.p-3 { .p-3 {
display: flex; display: flex;
padding: 10px 0; padding: 20rpx 0;
} }
.p-4 { .p-4 {
display: flex; display: flex;
height: 25px; height: 50rpx;
color: rgba(0, 35, 28, 0.6); color: rgba(0, 35, 28, 0.6);
padding: 0 10px; padding: 0 20rpx;
} }
.p-5 { .p-5 {
width: 24px; width: 48rpx;
height: 24px; height: 48rpx;
} }
.p-5 img { .p-5 img {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-size: 100%; background-size: 100%;
border-radius: 24px; border-radius: 48rpx;
} }
.p-6 { .p-6 {
margin-left: 10px; margin-left: 20rpx;
font-weight: 700; font-weight: 700;
} }
.p-7 { .p-7 {
margin-left: 10px; margin-left: 20rpx;
} }
.p-8 { .p-8 {
width: 75%; width: 75%;
margin-left: 43px; margin-left: 86rpx;
font-size: 14px; font-size: 28rpx;
} }
.p-9 {} .p-9 {}
@ -550,13 +550,13 @@
} }
.right { .right {
width: 35px; width: 70rpx;
text-align: center; text-align: center;
} }
.b-1 { .b-1 {
width: 100%; width: 100%;
height: 100px; height: 200rpx;
} }
.bottom-box { .bottom-box {
@ -564,16 +564,16 @@
bottom: 0; bottom: 0;
background: #fff; background: #fff;
width: 100%; width: 100%;
height: 80px; height: 160rpx;
display: flex; display: flex;
padding: 10px; padding: 20rpx;
border-top: 1px solid #eee; border-top: 1px solid #eee;
} }
.b-2 { .b-2 {
width: 25px; width: 50rpx;
height: 40px; height: 80rpx;
margin-right: 30px; margin-right: 60rpx;
text-align: center; text-align: center;
} }
@ -585,24 +585,24 @@
.b-4 { .b-4 {
flex: 1; flex: 1;
text-align: center; text-align: center;
width: 90px; width: 180rpx;
height: 35px; height: 70rpx;
background: rgba(0, 35, 28, 1); background: rgba(0, 35, 28, 1);
line-height: 35px; line-height: 70rpx;
border-radius: 35px; border-radius: 70rpx;
margin: 0 5px; margin: 0 10rpx;
} }
.buy-content { .buy-content {
height: 500px; height: 1000rpx;
width: 100%; width: 100%;
padding: 10px; padding: 20rpx;
} }
.vue-ref { .vue-ref {
border-top-left-radius: 10px !important; border-top-left-radius: 20rpx !important;
border-top-right-radius: 10px !important; border-top-right-radius: 20rpx !important;
} }
.buy1 { .buy1 {
@ -610,14 +610,14 @@
} }
.buy2 { .buy2 {
width: 84px; width: 168rpx;
height: 84px; height: 168rpx;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;
background-size: 100%; background-size: 100%;
border-radius: 10px; border-radius: 20rpx;
} }
} }
@ -629,16 +629,16 @@
.buy4 { .buy4 {
flex: 1; flex: 1;
font-size: 15px; font-size: 30rpx;
font-weight: 700; font-weight: 700;
padding: 5px 10px; padding: 10rpx 20rpx;
} }
.buy5 { .buy5 {
height: 30px; height: 60rpx;
line-height: 30px; line-height: 60rpx;
font-size: 20px; font-size: 40rpx;
padding: 0 10px; padding: 0 20rpx;
color: red; color: red;
font-weight: 700; font-weight: 700;
} }
@ -655,13 +655,13 @@
.buy6{ .buy6{
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-bottom: 10px; margin-bottom: 20rpx;
} }
.buy7{ .buy7{
width: 100%; width: 100%;
height: 80rpx; height: 80rpx;
line-height: 40px; line-height: 80rpx;
font-size: 14px; font-size: 28rpx;
font-weight: 700; font-weight: 700;
} }
.buy8{ .buy8{
@ -670,26 +670,26 @@
} }
.buy9{ .buy9{
background: #eee; background: #eee;
padding: 5px 10px; padding: 10rpx 20rpx;
border-radius: 5px; border-radius: 10rpx;
opacity: 0.6; opacity: 0.6;
margin-right: 10px; margin-right: 20rpx;
} }
.popup-bottom-box{ .popup-bottom-box{
background: #fff; background: #fff;
position: fixed; position: fixed;
height: 80px; height: 160rpx;
width: 94%; width: 94%;
} }
.buy10{ .buy10{
width: 100%; width: 100%;
height: 50px; height: 100rpx;
line-height: 50px; line-height: 100rpx;
text-align: center; text-align: center;
margin: 10px auto 0; margin: 20rpx auto 0;
background: linear-gradient(45deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1)); background: linear-gradient(45deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1));
border-radius: 50px; border-radius: 100rpx;
font-size: 16px; font-size: 32rpx;
font-weight: 700; font-weight: 700;
} }
</style> </style>
Write Preview
Loading…
Cancel
Save