This commit is contained in:
Mr.jiang 2024-06-27 21:51:29 +08:00
commit e710aef4d2
7 changed files with 112 additions and 89 deletions

View File

@ -21,16 +21,15 @@
window._AMapSecurityConfig = { window._AMapSecurityConfig = {
//securityJsCode: "js秘钥", //securityJsCode: "js秘钥",
// serviceHost: 'https://wx.sjajk.com/_AMapService', // serviceHost: 'https://wx.sjajk.com/_AMapService',
serviceHost: 'http://sauser.blxinchuang.com/_AMapService' serviceHost: 'http://sauser.blxinchuang.com/_AMapService',
// serviceHost: 'http://120.46.52.165/_AMapService', //serviceHost: 'http://120.46.52.165/_AMapService',
// serviceHost: 'http://192.168.2.222:8187/_AMapService', // serviceHost: 'http://192.168.2.222:8187/_AMapService',
}; };
</script> </script>
<!-- 高德 --> <!-- 高德 -->
<!-- <script src="https://webapi.amap.com/maps?v=2.0&key=2acf1b8c3d1aaf0070472dec19018d96"></script> -->
<script src="https://webapi.amap.com/maps?v=2.0&key=32c22db939160ba44394eb187f7897ae"></script> <script src="https://webapi.amap.com/maps?v=2.0&key=32c22db939160ba44394eb187f7897ae"></script>
<script src="https://webapi.amap.com/loader.js"></script> <!-- <script src="https://webapi.amap.com/loader.js"></script>
<!-- <script type="text/javascript"> <script type="text/javascript">
AMapLoader.load({ AMapLoader.load({
key: "2acf1b8c3d1aaf0070472dec19018d96", //申请好的Web端开发者key调用 load 时必填 key: "2acf1b8c3d1aaf0070472dec19018d96", //申请好的Web端开发者key调用 load 时必填
version: "2.0", //指定要加载的 JS API 的版本,缺省时默认为 1.4.15 version: "2.0", //指定要加载的 JS API 的版本,缺省时默认为 1.4.15
@ -41,6 +40,8 @@
console.error("高德地图加载失败!"); console.error("高德地图加载失败!");
console.error(e); //加载错误提示 console.error(e); //加载错误提示
}); });
</script>
<script>
</script> --> </script> -->
</head> </head>
<body> <body>

View File

@ -83,9 +83,9 @@
"ad" : {}, "ad" : {},
"maps" : { "maps" : {
"amap" : { "amap" : {
"name" : "amapljwK72nl", "name" : "amapAfvorp8OK",
"appkey_ios" : "eb38bf53409f58cbf43f383cb5733747", "appkey_ios" : "078d73c3d9a2dfa551108b1f7e80e4d5",
"appkey_android" : "305e629f46669724c6184a187b279fec" "appkey_android" : "ddd9f8703b3696ce47216ff7783bbe38"
} }
}, },
"push" : { "push" : {

View File

@ -18,7 +18,7 @@
</view> </view>
<view style="margin-top: 30rpx;height: 1rpx;background-color: #f7f7f7;margin-bottom: 10upx;"></view> <view style="margin-top: 30rpx;height: 1rpx;background-color: #f7f7f7;margin-bottom: 10upx;"></view>
<view style="display: flex;padding: 0 5upx 0 0;font-size: 26upx;"> <view style="display: flex;padding: 0 5upx 0 0;font-size: 26upx;">
<radio-group name="openWay" style="text-align: left;width: 70%;"> <radio-group name="openWay" style="text-align: left;width: 70%; margin-top:15rpx;">
<label class="tui-radio"> <label class="tui-radio">
<radio :checked="item.isDefault == 1 ? true : false" color="#019c88" :disabled='item.isDefault == 1 ? false : true' <radio :checked="item.isDefault == 1 ? true : false" color="#019c88" :disabled='item.isDefault == 1 ? false : true'
style="transform:scale(0.6);" /> style="transform:scale(0.6);" />
@ -190,14 +190,15 @@
margin-left: 10px; margin-left: 10px;
} }
.delete-view{ .delete-view{
width: 85rpx; width: 120rpx;
text-align: center; text-align: center;
background: #FFFFFF; background: #e5e7eb;
border-radius: 18rpx; border-radius: 30rpx;
border: 1px solid #4D4D4D; border: 1px solid #cdd2db;
font-weight: 400; font-weight: 400;
font-size: 23rpx; font-size: 30rpx;
color: #4D4D4D; color: #666;
padding: 8rpx 10rpx;
} }
.address-list-img{ .address-list-img{
width: 91rpx; width: 91rpx;
@ -231,12 +232,12 @@
.shouhuo{ .shouhuo{
margin: 16rpx 30upx; margin: 16rpx 30upx;
position: fixed; position: fixed;
bottom: -7upx; bottom: -2upx;
width: 92%; width: 92%;
height: 92rpx; height: 80rpx;
background: linear-gradient(90deg, #019C88, #28BA92, #35C495); background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
border-radius: 46rpx; border-radius: 46rpx;
line-height: 92rpx; line-height: 80rpx;
font-weight: 400; font-weight: 400;
font-size: 36rpx; font-size: 36rpx;
color: #FFFFFF; color: #FFFFFF;

View File

@ -11,7 +11,7 @@
</view> </view>
<view class="head-bottom margin-left-sm"> <view class="head-bottom margin-left-sm">
<view class="flex head-title-right"> <view class="flex head-title-right">
<view class="margin-right-xs text-df u-skeleton-fillet head-title"> <view class="margin-right-xs u-skeleton-fillet head-title">
{{orderXm.title}} {{orderXm.title}}
</view> </view>
@ -76,7 +76,7 @@
<view v-if="couponDataList" class="" style="margin-right: 5px;"> <view v-if="couponDataList" class="" style="margin-right: 5px;">
<span>-{{couponDataList}}</span> <span>-{{couponDataList}}</span>
</view> </view>
<span v-else>选择优惠劵</span> <span v-else >选择优惠劵</span>
<image class="fuwu-img" src="../../static/images/my/jiantou.png" mode=""></image> <image class="fuwu-img" src="../../static/images/my/jiantou.png" mode=""></image>
</view> </view>
</view> </view>
@ -1277,11 +1277,12 @@
background-color: #ffffff; background-color: #ffffff;
border-radius: 24rpx; border-radius: 24rpx;
padding: 29rpx; padding: 29rpx;
margin-top: 10px;
} }
.pay-title{ .pay-title{
font-weight: bold; font-weight: bold;
font-size: 28rpx; font-size: 38rpx;
color: #333333; color: #333333;
margin-bottom: 5px; margin-bottom: 5px;
} }
@ -1313,6 +1314,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
margin: 8px auto;
} }
.detail-foot-title{ .detail-foot-title{
width: 115px; width: 115px;
@ -1321,7 +1323,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
font-weight: 400; font-weight: 400;
font-size: 12px; font-size: 13px;
color: #FFFFFF; color: #FFFFFF;
text-align: right; text-align: right;
line-height: 32px; line-height: 32px;
@ -1391,8 +1393,8 @@
} }
.detail-foot-list-top span:nth-child(3){ .detail-foot-list-top span:nth-child(3){
font-weight: 400; font-weight: 400;
font-size: 22rpx; font-size: 28rpx;
color: #777777; color: #029d88;
} }
.detail-foot-mian{ .detail-foot-mian{
@ -2002,12 +2004,12 @@
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
background: linear-gradient(90deg, #019C88, #28BA92, #35C495); background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
height:68rpx; height:80rpx;
border-radius: 60rpx; border-radius: 80rpx;
color: #ffffff; color: #ffffff;
line-height: 68rpx; line-height: 80rpx;
font-size: 32rpx;
} }
.serverAddress { .serverAddress {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;

View File

@ -3,6 +3,7 @@
<view class="index-head"> <view class="index-head">
<view class="index-top"> <view class="index-top">
<view class="index-top-left font-size-34">盛安到家</view> <view class="index-top-left font-size-34">盛安到家</view>
<view class="index-top-left font-size-34" style="display: none;">-{{latitude}}-{{longitude}}-</view>
<view class="index-top-mian"> <view class="index-top-mian">
<view class="index-top-mian-text"> <view class="index-top-mian-text">

View File

@ -38,6 +38,23 @@
</view> </view>
</view> </view>
<view class="header-bottom-foot"> <view class="header-bottom-foot">
<view class="header-bottom-foot-cont">
<view class="header-fubz">保障</view>
<view class="header-bottom-foot-view">
<image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png" mode=""></image>
<span>未服务全额退款</span>
</view>
<view class="header-bottom-foot-view" style="margin: 0px 7px;">
<image class="header-bottom-foot-view-img2" src="../../static/servicePackage/money.png" mode=""></image>
<span>不满意重做</span>
</view>
<view class="header-bottom-foot-view">
<image class="header-bottom-foot-view-img3" src="../../static/servicePackage/shuangyue.png" mode=""></image>
<span>最快30分钟上门</span>
</view>
</view>
</view>
<!--<view class="header-bottom-foot">
<view class="header-bottom-foot-title">服务保障</view> <view class="header-bottom-foot-title">服务保障</view>
<view class="header-bottom-foot-cont"> <view class="header-bottom-foot-cont">
<view class="header-bottom-foot-view"> <view class="header-bottom-foot-view">
@ -53,7 +70,7 @@
<span>最快30分钟上门</span> <span>最快30分钟上门</span>
</view> </view>
</view> </view>
</view> </view>-->
</view> </view>
</view> </view>
<view class="detail-foot"> <view class="detail-foot">
@ -170,17 +187,21 @@
} }
</script> </script>
<style scoped> <style scoped>
.header-fubz{
font-size: 26rpx;
color: #029c88;
font-weight: bold;
}
.header-bottom-title-liao{ .header-bottom-title-liao{
display: inline-block; display: inline-block;
padding: 0 7px; padding: 3px 7px;
height: 16px; height: 16px;
line-height: 16px; line-height: 16px;
text-align: center; text-align: center;
background: linear-gradient(-90deg, #FF6F48, #FF9E69); background: linear-gradient(-90deg, #FF6F48, #FF9E69);
border-radius: 7px; border-radius: 7px;
margin-left: 5px; margin-left: 5px;
font-weight: bold; font-size: 11px;
font-size: 8px;
border-top-left-radius: 20px; border-top-left-radius: 20px;
border-bottom-right-radius: 20px; border-bottom-right-radius: 20px;
color: #fff; color: #fff;
@ -239,8 +260,7 @@
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
font-weight: bold; font-size: 26rpx;
font-size: 22rpx;
} }
.header-bottom-title-bottom span{ .header-bottom-title-bottom span{
font-weight: bold; font-weight: bold;
@ -287,14 +307,14 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
margin-bottom: 10px; margin-bottom: 15px;
} }
.detail-foot{ .detail-foot{
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding: 15px 0px; padding: 5rpx 0rpx;
} }
.tese span:nth-child(1){ .tese span:nth-child(1){
@ -346,6 +366,7 @@
background-color: #fff; background-color: #fff;
border-radius: 21rpx; border-radius: 21rpx;
padding: 15px; padding: 15px;
margin-bottom: 10px;
} }
.jianjie{ .jianjie{
font-weight: 400; font-weight: 400;
@ -378,16 +399,16 @@
height: 29.86rpx; height: 29.86rpx;
} }
.header-bottom-foot-view-img1{ .header-bottom-foot-view-img1{
width: 22.92rpx; width: 30rpx;
height: 17.36rpx; height: 30rpx;
} }
.header-bottom-foot-view-img2{ .header-bottom-foot-view-img2{
width: 16.67rpx; width: 23rpx;
height: 16.67rpx; height: 23rpx;
} }
.header-bottom-foot-view-img3{ .header-bottom-foot-view-img3{
width: 15.97rpx; width: 26rpx;
height: 18.06rpx; height: 26rpx;
} }
.header-bottom-foot-view image{ .header-bottom-foot-view image{
margin-right: 3px; margin-right: 3px;
@ -397,14 +418,14 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 0 5px; padding: 1px 8px;
height: 22px; height: 22px;
line-height: 22px; line-height: 22px;
background-color: rgba(8, 162, 138, 0.1); background-color: rgba(230, 246, 243, 1);
border-radius: 8px; border-radius: 15px;
font-weight: 400; font-weight: 400;
font-size: 8px; font-size: 10px;
color: #029D88; color: #029c88;
} }
.header-bottom-foot-title{ .header-bottom-foot-title{
width:100%; width:100%;
@ -428,9 +449,9 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
margin-top: 26rpx;
} }
.header-bottom-money-jia{ .header-bottom-money-jia{
font-weight: bold;
font-size: 28rpx; font-size: 28rpx;
color: #848484; color: #848484;
line-height: 37rpx; line-height: 37rpx;
@ -444,7 +465,7 @@
font-size: 25rpx; font-size: 25rpx;
} }
.header-bottom-money-zhen span:nth-child(2){ .header-bottom-money-zhen span:nth-child(2){
font-size:36.81rpx; font-size:45.81rpx;
font-weight: bold; font-weight: bold;
} }
.header-bottom-money-zhen span:nth-child(3){ .header-bottom-money-zhen span:nth-child(3){
@ -503,6 +524,7 @@
padding: 15px; padding: 15px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-bottom: 20rpx;
} }
.header-top image{ .header-top image{
width: 706.25rpx; width: 706.25rpx;

View File

@ -770,16 +770,15 @@
line-height: 80rpx; line-height: 80rpx;
} }
.detail-btn{ .detail-btn{
width:95%; width: 90%;
height: 92rpx;
line-height: 92rpx;
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
border-radius: 46rpx;
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
font-weight: 400; background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
font-size: 42rpx; height:80rpx;
color: #FFFFFF; border-radius: 80rpx;
color: #ffffff;
line-height: 80rpx;
font-size: 38rpx;
} }
.header-top image{ .header-top image{
width: 706.25rpx; width: 706.25rpx;
@ -815,7 +814,7 @@
} }
.detail-foot-nav-text{ .detail-foot-nav-text{
font-weight: bold; font-weight: bold;
font-size: 32rpx; font-size: 34rpx;
color: #000000; color: #000000;
} }
.detail-foot-nav{ .detail-foot-nav{
@ -831,7 +830,7 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
font-weight: 400; font-weight: 400;
font-size: 12px; font-size: 13px;
color: #FFFFFF; color: #FFFFFF;
text-align: right; text-align: right;
line-height: 32px; line-height: 32px;
@ -866,12 +865,11 @@
.tese span:nth-child(1){ .tese span:nth-child(1){
font-weight: bold; font-weight: bold;
font-size: 22rpx; font-size: 28rpx;
color: #333333; color: #666;
} }
.tese span:nth-child(2){ .tese span:nth-child(2){
font-weight: 400; font-size: 28rpx;
font-size: 22rpx;
color: #8D9194; color: #8D9194;
} }
.tese{ .tese{
@ -881,6 +879,7 @@
-webkit-line-clamp: 2; /* 显示的行数,可以根据需要修改 */ -webkit-line-clamp: 2; /* 显示的行数,可以根据需要修改 */
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
margin-top: 8px;
} }
.detail-foot-list-top span:nth-child(1){ .detail-foot-list-top span:nth-child(1){
font-weight: bold; font-weight: bold;
@ -900,9 +899,8 @@
margin: 0px 25px 0px 5px; margin: 0px 25px 0px 5px;
} }
.detail-foot-list-top span:nth-child(3){ .detail-foot-list-top span:nth-child(3){
font-weight: 400; font-size: 30rpx;
font-size: 22rpx; color: #029d88;
color: #777777;
} }
.detail-foot-mian{ .detail-foot-mian{
@ -911,6 +909,7 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-top: 8px;
} }
.jianjie{ .jianjie{
font-weight: 400; font-weight: 400;
@ -927,10 +926,7 @@
} }
.header-bottom-mian-title{ .header-bottom-mian-title{
width: 100%; width: 100%;
display: flex; margin-bottom: 3px;
flex-direction: row;
align-items: center;
margin-bottom: 6px;
} }
.header-bottom-mian-title span{ .header-bottom-mian-title span{
font-weight: 400; font-weight: 400;
@ -944,16 +940,16 @@
height: 29.86rpx; height: 29.86rpx;
} }
.header-bottom-foot-view-img1{ .header-bottom-foot-view-img1{
width: 22.92rpx; width: 30rpx;
height: 17.36rpx; height: 30rpx;
} }
.header-bottom-foot-view-img2{ .header-bottom-foot-view-img2{
width: 16.67rpx; width: 28rpx;
height: 16.67rpx; height: 28rpx;
} }
.header-bottom-foot-view-img3{ .header-bottom-foot-view-img3{
width: 15.97rpx; width: 30rpx;
height: 18.06rpx; height: 30rpx;
} }
.header-bottom-foot-view image{ .header-bottom-foot-view image{
margin-right: 3px; margin-right: 3px;
@ -963,13 +959,13 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 69px; width: 80px;
height: 22px; height: 22px;
line-height: 22px; line-height: 22px;
background-color: rgba(8, 162, 138, 0.1); background-color: rgba(8, 162, 138, 0.1);
border-radius: 8px; border-radius: 8px;
font-weight: 400; font-weight: 400;
font-size: 8px; font-size: 11px;
color: #029D88; color: #029D88;
} }
.header-bottom-foot-title{ .header-bottom-foot-title{
@ -978,8 +974,8 @@
line-height: 22px; line-height: 22px;
text-align: left; text-align: left;
font-weight: 600; font-weight: 600;
font-size: 23rpx; font-size: 30rpx;
color: #08A28A; color: #029d88;
} }
.header-bottom-foot{ .header-bottom-foot{
width: 100%; width: 100%;
@ -1001,7 +997,7 @@
font-size: 25rpx; font-size: 25rpx;
} }
.header-bottom-money-zhen span:nth-child(2){ .header-bottom-money-zhen span:nth-child(2){
font-size:36.81rpx; font-size:40rpx;
font-weight: bold; font-weight: bold;
} }
.header-bottom-money-zhen span:nth-child(3){ .header-bottom-money-zhen span:nth-child(3){
@ -1018,7 +1014,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
margin-top:5px; margin-top:8px;
} }
.header-bottom-money{ .header-bottom-money{
width: 100%; width: 100%;
@ -1028,7 +1024,7 @@
} }
.header-bottom-title-num span{ .header-bottom-title-num span{
font-weight: bold; font-weight: bold;
font-size: 25rpx; font-size: 30rpx;
} }
.header-bottom-title-num span:nth-child(1){ .header-bottom-title-num span:nth-child(1){
color: #08A28A; color: #08A28A;
@ -1057,7 +1053,7 @@
.header-bottom{ .header-bottom{
width: 100%; width: 100%;
background-color: #fff; background-color: #fff;
padding: 15px; padding: 15px 20px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }