hly
/
serviceHome-uniapp-241015
1
0
Fork 0
Code Issues 0 Pull Requests 0 Projects 0 Releases 0 Wiki Activity
Browse Source

上传

master
前端-胡立永 9 months ago
parent
2a0573edf6
commit
bedd1c7194
15 changed files with 80 additions and 77 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +2
    -2
      service-uniapp-client/components/base/m-navbar.vue
  2. +9
    -9
      service-uniapp-client/components/technicianList.vue
  3. +7
    -7
      service-uniapp-client/pages/index/center.vue
  4. +6
    -5
      service-uniapp-client/pages/index/index.vue
  5. +7
    -7
      service-uniapp-client/pages/index/order.vue
  6. +7
    -7
      service-uniapp-client/pages/index/technician.vue
  7. +1
    -2
      service-uniapp-client/pages/mine/coupon.vue
  8. +20
    -18
      service-uniapp-client/pages/order/orderDetail.vue
  9. BIN
      service-uniapp-client/static/ms/1120.jpg
  10. +4
    -2
      service-uniapp-client/uni.scss
  11. +2
    -2
      service-uniapp-technician/pages/index/center.vue
  12. +12
    -13
      service-uniapp-technician/pages/mine/settled.vue
  13. +3
    -3
      service-uniapp-technician/pages/mine/wallet.vue
  14. BIN
      service-uniapp-technician/static/ms/1120.jpg
  15. BIN
      service-uniapp-technician/static/ms/tx1.png

+ 2
- 2
service-uniapp-client/components/base/m-navbar.vue View File

@ -29,11 +29,11 @@
top: 0;
width: 100%;
height: 90rpx;
background: linear-gradient(to right, #4899a6, #6fc6ad);
background: linear-gradient(to right, #ecb978, #ffe6ed);
color: #6e3009;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 26rpx;
z-index: 9999;
.leftClick{


+ 9
- 9
service-uniapp-client/components/technicianList.vue View File

@ -148,10 +148,10 @@
bottom: -13rpx;
width: 70%;
height: 40rpx;
background: #60C285;
border-radius: 10rpx;
color: white;
transform: translate(-50%);
background: linear-gradient(178deg, #ffe6ed, #ecb978);
color: #6e3009;
.desc {
font-size: 18rpx;
@ -215,11 +215,11 @@
.appointed-time {
width: 48%;
background: #E7FDF7;
height: 40rpx;
border-radius: 22.5rpx;
font-size: 20rpx;
color: #5DB9A3;
background: linear-gradient(178deg, #ffe6ed, #ecb978);
color: #6e3009;
.capsule {
display: flex;
@ -232,9 +232,9 @@
justify-content: center;
width: 50%;
height: 100%;
color: white;
border-radius: 20rpx;
background: #52CFB0;
background: #6e3009;
color: #fff;
}
.today {
@ -308,8 +308,8 @@
height: 60rpx;
width: 180rpx;
border-radius: 40rpx;
color: white;
background: linear-gradient(170deg, #53CEAC, #5AC796);
background: linear-gradient(178deg, #ffe6ed, #ecb978);
color: #6e3009;
}
.notAvailable {
@ -332,8 +332,8 @@
height: 20px;
line-height: 20px;
font-size: 12px;
background-color: #E7FDF7;
border-radius: 20px;
background-color: #E7FDF7;
color: #98D6C7;
}


+ 7
- 7
service-uniapp-client/pages/index/center.vue View File

@ -29,7 +29,9 @@
<view style="position: absolute; top: -65rpx;left: 50%;z-index: 9;
transform: translate(-50%);">
<image style="width: 605rpx;height: 200rpx;margin-left: 8px;" src="/static/ms/tx.png"></image>
<image style="width: 605rpx;height: 200rpx;margin-left: 8px;
border-radius: 10rpx;"
src="/static/ms/1120.jpg"></image>
<view class="font-4">
<view>账号余额</view>
@ -272,7 +274,8 @@
.banner {
width: 100%;
height: calc(392rpx -160rpx);
background: linear-gradient(to top right, #4899a6, #6fc6ad);
background: linear-gradient(178deg, #ffe6ed, #ecb978);
color: #6e3009;
}
.head-div {
@ -287,7 +290,6 @@
font-family: PingFang SC, PingFang SC-Bold;
font-weight: 700;
text-align: left;
color: #fff;
line-height: 42rpx;
}
@ -297,7 +299,6 @@
font-family: PingFang SC, PingFang SC-Regular;
font-weight: 400;
text-align: left;
color: #fff;
line-height: 28px;
margin-top: 10rpx;
}
@ -387,20 +388,19 @@
width: 200rpx;
height: 58rpx;
line-height: 58rpx;
background: linear-gradient(182deg, #ffffff 2%, #a6fce3 88%);
border-radius: 30rpx;
box-shadow: 0 6rpx 12rpx 0 rgba(129, 209, 186, 0.66);
font-size: 28rpx;
font-family: PingFang SC, PingFang SC-Bold;
font-weight: 700;
text-align: center;
color: #3fc791;
position: absolute;
top: 72rpx;
right: 52rpx;
z-index: 1;
background: linear-gradient(178deg, #ffe6ed, #ecb978);
color: #6e3009;
}
.cart {


+ 6
- 5
service-uniapp-client/pages/index/index.vue View File

@ -285,8 +285,9 @@
.home-top {
height: 400rpx;
// height: 350rpx;
background: linear-gradient(38deg, #4899A6, #60BDA2);
background: $uni-bg-color;
padding-top: 60rpx;
// color: $uni-color;
}
.search {
@ -364,12 +365,12 @@
.right-area {
.search-button {
background: #60BDA2;
background: linear-gradient(178deg, #ffe6ed, #ecb978);
color: #6e3009;
height: 60rpx;
width: 130rpx;
font-size: 26rpx;
border-radius: 35rpx;
color: white;
display: flex;
align-items: center;
@ -523,8 +524,8 @@
height: 60rpx;
width: 170rpx;
border-radius: 40rpx;
color: white;
background: linear-gradient(170deg, #53CEAC, #5AC796);
background: linear-gradient(178deg, #ffe6ed, #ecb978);
color: #6e3009;
}
}
}


+ 7
- 7
service-uniapp-client/pages/index/order.vue View File

@ -3,7 +3,7 @@
<mNavbar title="订单中心" />
<van-tabs v-model:active="active" title-active-color="var(--van-primary-color)" @change="clickTabs"
<van-tabs v-model:active="active" title-active-color="#6e3009" @change="clickTabs"
style="position: sticky;top: 90rpx;z-index: 99;">
<van-tab :title="item.name" v-for="(item, index) in tabs" :key="index"
@click="getOrderList(index)"></van-tab>
@ -223,7 +223,7 @@
.service {}
.status {
color: var(--van-primary-color);
color: #6e3009;
font-size: 26rpx;
font-weight: 600;
}
@ -245,12 +245,12 @@
}
.tag {
color: var(--van-primary-color);
color: #6e3009;
font-size: 24rpx;
text-align: center;
width: 100%;
background-color: #e7fdf7;
border: 1px solid var(--van-primary-color);
background-color: #ecb978;
border: 1px solid #6e3009;
border-radius: 8rpx;
padding: 2rpx 0;
}
@ -287,8 +287,8 @@
}
.b2 {
background: linear-gradient(178deg, #4FD3BC, #60C285);
color: #fff;
background: linear-gradient(178deg, #ffe6ed, #ecb978);
color: #6e3009;
}
view {


+ 7
- 7
service-uniapp-client/pages/index/technician.vue View File

@ -153,7 +153,8 @@
}
.technician-top {
background: linear-gradient(38deg, #4899A6, #60BDA2);
background: #ecb978;
color: #6e3009;
}
.technician-bottm {
@ -162,7 +163,7 @@
font-size: 28rpx;
height: 110rpx;
align-items: center;
color: #fff;
color: #6e3009;
}
.technician-search {
@ -243,13 +244,12 @@
.right-area {
.search-button {
background: #60BDA2;
height: 60rpx;
width: 130rpx;
font-size: 26rpx;
border-radius: 35rpx;
color: white;
background: linear-gradient(178deg, #ffe6ed, #ecb978);
color: #6e3009;
display: flex;
align-items: center;
justify-content: center;
@ -260,8 +260,8 @@
}
.technician-search-button {
background-color: #60BDA2;
color: #fff;
background: linear-gradient(178deg, #ffe6ed, #ecb978);
color: #6e3009;
font-size: 26rpx;
padding: 2rpx 24rpx;
border-radius: 40rpx;


+ 1
- 2
service-uniapp-client/pages/mine/coupon.vue View File

@ -2,12 +2,11 @@
<view>
<mNavbar title="我的优惠劵"
:leftClick="toLeft"
style="background: linear-gradient(#4899a6, rgb(78 160 167));"
/>
<view style="position: sticky;top: 45px;z-index: 99;">
<van-tabs v-model:active="active"
title-active-color="var(--van-primary-color)"
title-active-color="#6e3009"
@change="clickTabs"
>
<van-tab :title="item.name"


+ 20
- 18
service-uniapp-client/pages/order/orderDetail.vue View File

@ -1,11 +1,11 @@
<template>
<view class="order">
<mNavbar title="订单详情" :leftClick="toLeft" style="background: linear-gradient(#4899a6, rgb(78 160 167));" />
<mNavbar title="订单详情" :leftClick="toLeft" style="background: linear-gradient(#ecb978, #edbe83);" />
<view class="box">
<view class="title">
<view class="icon">
<uni-icons type="wallet-filled" color="#4899a6" size="15"></uni-icons>
<uni-icons type="wallet-filled" color="#ecb978" size="15"></uni-icons>
</view>
<view class="text">
{{ getStatus(msgOrder.state) }}
@ -16,7 +16,9 @@
<!-- 请确认订单 -->
</view>
<van-steps style="background: transparent;padding-bottom: 30px;" active-color="#fff" inactive-color="#ddd"
<van-steps style="background: transparent;padding-bottom: 30px;"
active-color="#6e3009"
inactive-color="rgba(#6e3009, 0.2)"
:active="stepsActive">
<van-step v-for="(item, index) in steps">
@ -397,7 +399,7 @@
<style scoped lang="scss">
.order {
background: linear-gradient(#4899a6, #6fc6ad, #6fc6ad);
background: linear-gradient(178deg, #ecb978, #ffe6ed);
padding-bottom: 10px;
}
@ -407,7 +409,7 @@
.active-icon {
width: 12px;
height: 12px;
background-color: #fff;
background-color: #6e3009;
border-radius: 6px;
transform: translate(-25%, 0);
}
@ -415,7 +417,7 @@
.inactive-icon {
width: 8px;
height: 8px;
background-color: #fff;
background-color: #6e3009;
border-radius: 4px;
}
@ -430,17 +432,17 @@
.inactive-icon.tip {
width: 6px;
height: 6px;
background-color: #fff;
background-color: #6e3009;
border-radius: 3px;
}
.stepText.tip {
background-color: #b5d7d3;
background-color: #6e3009;
padding: 3px 5px;
position: relative;
top: 50px;
border-radius: 5px;
color: #4899a6;
color: #fff;
display: flex;
font-size: 10px;
}
@ -451,7 +453,7 @@
left: 50%;
transform: translate(-50%, 0);
border-top: 7px solid transparent;
border-bottom: 7px solid #b5d7d3;
border-bottom: 7px solid #6e3009;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
}
@ -468,7 +470,7 @@
.icon {
width: 25px;
height: 25px;
background-color: #fff;
background-color: #6e3009;
border-radius: 15px;
display: flex;
justify-content: center;
@ -476,7 +478,7 @@
}
.text {
color: #fff;
color: #6e3009;
padding-left: 5px;
}
}
@ -498,7 +500,7 @@
margin-top: 10px;
.btn {
color: #fff;
color: #6e3009;
padding: 10rpx 50rpx;
background-color: #ffb300;
border-radius: 30rpx;
@ -639,7 +641,7 @@
text {
background-color: #F29E45;
padding: 8rpx 10rpx;
color: #fff;
color: #6e3009;
font-size: 20rpx;
margin-left: 10px;
border-radius: 5px;
@ -716,8 +718,8 @@
}
.btn-x {
color: #6fc6ad;
border: 1px solid #6fc6ad;
color: #6e3009;
border: 1px solid #6e3009;
padding: 10rpx 20rpx;
border-radius: 30rpx;
}
@ -727,8 +729,8 @@
justify-content: center;
.btn {
color: #6fc6ad;
border: 1px solid #6fc6ad;
color: #6e3009;
border: 1px solid #6e3009;
padding: 10rpx 20rpx;
border-radius: 30rpx;
}


BIN
service-uniapp-client/static/ms/1120.jpg View File

Before After
Width: 1120  |  Height: 525  |  Size: 461 KiB

+ 4
- 2
service-uniapp-client/uni.scss View File

@ -14,9 +14,11 @@
/* 颜色变量 */
$app-color-primary : #4899a6;
$app-color-primary2 : #60bda2;
$app-color-primary : #ecb978;
$app-color-primary2 : #ffe6ed;
$uni-color : #6e3009;
$uni-bg-color : linear-gradient(178deg, #ffe6ed, #ecb978);
/* 行为相关颜色 */
$uni-color-primary: #007aff;


+ 2
- 2
service-uniapp-technician/pages/index/center.vue View File

@ -18,7 +18,7 @@
<view class="one-card b-relative">
<view style="position: absolute; top: -65rpx;left: 0rpx;">
<image style="width: 675rpx;height: 200rpx;" src="/static/ms/tx.png"></image>
<image style="width: 675rpx;height: 200rpx;border-radius: 20rpx;" src="/static/ms/1120.jpg"></image>
<view class="font-4">
<view>账号余额</view>
<view class="font-5">
@ -290,7 +290,7 @@
background: linear-gradient(182deg, #ffffff 2%, #ecb978 88%);
/* background: linear-gradient(182deg, #ffffff 2%, #a6fce3 88%); */
border-radius: 30rpx;
box-shadow: 0 6rpx 12rpx 0 rgba(129, 209, 186, 0.66);
box-shadow: 0 6rpx 12rpx 0 rgba($uni-color, 0.66);
font-size: 28rpx;
font-family: PingFang SC, PingFang SC-Bold;


+ 12
- 13
service-uniapp-technician/pages/mine/settled.vue View File

@ -9,9 +9,10 @@
<view class="banner"></view>
<view class="b-relative" style="width: 710rpx;height: 310rpx; margin: -174rpx auto 0;">
<image src="/static/ms/settled.png" style="width: 710rpx;height: 310rpx;"></image>
<image src="/static/ms/1120.jpg" style="width: 710rpx;height: 310rpx;
border-radius: 20rpx;"></image>
<view class="banner-font">
<image style="width: 380rpx;height: 98rpx;" src="/static/ms/fontjszm.png"></image>
技师招募
</view>
<view class="font-3">打造专业的技术服务</view>
<view class="banner-button">立即联系我们>></view>
@ -201,20 +202,18 @@
.banner-font {
width: 292rpx;
width: 692rpx;
height: 142rpx;
font-size: 72rpx;
line-height: 66rpx;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-weight: 400;
font-weight: 900;
text-align: left;
color: #ffffff;
letter-spacing: -1;
text-shadow: 0px 6px 6px 0px rgba(0, 165, 141, 0.70);
letter-spacing: 20rpx;
position: absolute;
left: 52rpx;
top: 34rpx;
left: 0;
text-align: center;
top: 84rpx;
}
.font-3 {
@ -229,7 +228,7 @@
text-shadow: 0 4rpx 6rpx 0 rgba(0, 165, 141, 0.70);
position: absolute;
left: 52rpx;
top: 138rpx;
top: 228rpx;
}
.banner-button {
@ -241,14 +240,14 @@
box-shadow: 0 6rpx 6rpx 0 rgba(17, 106, 93, 0.23);
position: absolute;
left: 52rpx;
right: 52rpx;
top: 220rpx;
font-size: 24rpx;
font-family: PingFang SC, PingFang SC-Bold;
font-weight: 700;
text-align: center;
color: #26c591;
color: $uni-color;
}


+ 3
- 3
service-uniapp-technician/pages/mine/wallet.vue View File

@ -114,7 +114,7 @@
.banner {
width: 100vw;
height: 256rpx;
background: #cfece7;
background: rgba($uni-color, 0.2);
}
.center {
@ -213,7 +213,8 @@
width: 596rpx;
height: 90rpx;
line-height: 90rpx;
background: linear-gradient(180deg, #6fdfbe, #5ac796);
background: $uni-bg-color;
color: $uni-color;
border-radius: 46rpx;
margin: 20rpx auto;
@ -222,6 +223,5 @@
font-family: PingFang SC, PingFang SC-Regular;
font-weight: 400;
text-align: center;
color: #ffffff;
}
</style>

BIN
service-uniapp-technician/static/ms/1120.jpg View File

Before After
Width: 1120  |  Height: 525  |  Size: 461 KiB

BIN
service-uniapp-technician/static/ms/tx1.png View File

Before After
Width: 675  |  Height: 200  |  Size: 27 KiB

Write Preview
Loading…
Cancel
Save