样式修改

This commit is contained in:
2025-03-12 20:18:01 +08:00
parent d09e7b686d
commit 9c776cf5e1
15 changed files with 148 additions and 23 deletions

5
app.miniapp.json Normal file
View File

@ -0,0 +1,5 @@
{
"adapteByMiniprogram": {
"userName": "gh_3b641cd1efec"
}
}

View File

@ -1,5 +1,5 @@
page{ page{
font-size:32rpx; font-size:30rpx;
line-height: 1; line-height: 1;
--main-font-color:#000000; --main-font-color:#000000;
--main-bgclolor:#F5F5F5; --main-bgclolor:#F5F5F5;

View File

@ -1,5 +1,4 @@
<view class="img-area"> <view class="img-area">
{{uploadedImgs.length}}
<view class="item {{item.loading?'current':''}}" wx:for="{{tempImgs}}" wx:key="index"> <view class="item {{item.loading?'current':''}}" wx:for="{{tempImgs}}" wx:key="index">
<image class="image" src="{{item.tempFilePath||item.serverUrl}}"/> <image class="image" src="{{item.tempFilePath||item.serverUrl}}"/>
<progress wx:if="{{!item.uploaded}}" class="progress" percent="{{item.progress}}" stroke-width="4"/> <progress wx:if="{{!item.uploaded}}" class="progress" percent="{{item.progress}}" stroke-width="4"/>

View File

@ -1,13 +1,15 @@
img-uploader{
display: block;
}
.img-area{ .img-area{
margin-top:60rpx;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 20rpx; gap: 16rpx;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
.img-area .item{ .img-area .item{
width: 120rpx;height:120rpx; width: 100rpx;height:100rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;

View File

@ -11,11 +11,11 @@
<view class="close-btn" bind:tap="cancelButtonTap" wx:if="{{showCloseButton}}"></view> <view class="close-btn" bind:tap="cancelButtonTap" wx:if="{{showCloseButton}}"></view>
</view> </view>
</view> </view>
<input wx:if="{{editable&&useInput}}" model:value="{{content}}" <input wx:if="{{editable&&useInput}}" model:value="{{content}}" cursor-spacing="140px"
focus="{{show&&autoFocus}}"/> focus="{{show&&autoFocus}}" class="content-input" placeholder="{{contentPlaceholder}}"/>
<textarea class="textarea {{contentMessage?'error':''}}" model:value="{{content}}" row="3" wx:elif="{{editable}}" focus="{{show&&autoFocus}}" <textarea class="content-textarea {{contentMessage?'error':''}}" model:value="{{content}}" row="3" wx:elif="{{editable}}" focus="{{show&&autoFocus}}"
placeholder="{{contentPlaceholder}}" focus="{{contentFocus}}" animation="{{contentAnimation}}" cursor-spacing="200rpx"></textarea> placeholder="{{contentPlaceholder}}" focus="{{contentFocus}}" animation="{{contentAnimation}}" cursor-spacing="200rpx"></textarea>
<view class="text" wx:else>{{content}}</view> <view class="content-text" wx:else>{{content}}</view>
<slot/> <slot/>
<view class="btns" wx:if="{{isShowCancel||isShowOk}}"> <view class="btns" wx:if="{{isShowCancel||isShowOk}}">

View File

@ -52,7 +52,7 @@
position: relative; position: relative;
z-index: 111; z-index: 111;
} }
.custom-modal-view .textarea{ .custom-modal-view .content-textarea{
border: 1.2px solid rgba(85, 85, 85, 0.3); border: 1.2px solid rgba(85, 85, 85, 0.3);
border-radius: 18rpx; border-radius: 18rpx;
margin:30rpx 0; margin:30rpx 0;
@ -63,7 +63,7 @@
line-height:50rpx; line-height:50rpx;
height: 214rpx; height: 214rpx;
} }
.custom-modal-view .textarea.error{ .custom-modal-view .content-textarea.error{
border-color:red; border-color:red;
} }

View File

@ -7,7 +7,7 @@
padding:0 28rpx; padding:0 28rpx;
} }
.number-box .button{ .number-box .button{
width:48rpx;height:48rpx; width:44rpx;height:44rpx;
line-height: 1; line-height: 1;
padding:0; padding:0;
text-align: center; text-align: center;
@ -28,7 +28,7 @@
height:4rpx; height:4rpx;
background-color: #fff; background-color: #fff;
position:absolute; position:absolute;
left:25%;top:22rpx; left:25%;top:20rpx;
} }
.number-box .reduce.disabled::before, .number-box .reduce.disabled::before,
.number-box .plus.disabled::before, .number-box .plus.disabled::before,
@ -38,7 +38,7 @@
.number-box .plus::after{ .number-box .plus::after{
width:4rpx; width:4rpx;
height:50%; height:50%;
left:22rpx;top:25%; left:20rpx;top:25%;
z-index: 100; z-index: 100;
} }
.number-box.disabled{ .number-box.disabled{

11
i18n/base.json Normal file
View File

@ -0,0 +1,11 @@
{
"ios": {
"name": "蜂快小哥"
},
"android": {
"name": "蜂快小哥"
},
"common": {
"name": "蜂快小哥"
}
}

View File

@ -0,0 +1 @@
{"base":{"ios":{"name":"蜂快小哥"},"android":{"name":"蜂快小哥"}}}

View File

@ -0,0 +1 @@
{"base":{"ios":{"name":"蜂快小哥"},"android":{"name":"蜂快小哥"}}}

View File

@ -24,6 +24,7 @@ Component({
imgUploading:false, imgUploading:false,
money:1, money:1,
reason:'', reason:'',
reasonFocus:false,
requestId:'', requestId:'',
isShowMarkup:false, isShowMarkup:false,
}, },
@ -99,6 +100,12 @@ Component({
money:0, money:0,
}); });
this.imgUploader.setUploadedImgs([]); this.imgUploader.setUploadedImgs([]);
}).finally(()=>{
wx.nextTick(()=>{
this.setData({
reasonFocus:true
})
})
}) })
} }
}, },

View File

@ -3,14 +3,14 @@
okButtonText="提交申请" model:show="{{isShowMarkup}}" show-close-button okButtonText="提交申请" model:show="{{isShowMarkup}}" show-close-button
class="mark-up-view" titleTextCenter="{{false}}" overlay-close="{{false}}"> class="mark-up-view" titleTextCenter="{{false}}" overlay-close="{{false}}">
<view class="input-area"> <view class="input-area">
<textarea model:value="{{reason}}" focus="{{reasonFocus}}" class="textarea" <textarea model:value="{{reason}}" focus="{{reasonFocus}}" class="textarea" disable-default-padding
placeholder="请输入加价原因" animation="{{reasonAnimation}}"/> placeholder="请输入加价原因" animation="{{reasonAnimation}}" cursor-spacing="150px"/>
<img-uploader model:loading="{{imgUploading}}" id="imgUploader" maxImgCount="3"/> <img-uploader class="img-uploader" model:loading="{{imgUploading}}" id="imgUploader" maxImgCount="3"/>
</view> </view>
<view class="amount-area" animation="{{moneyAnimation}}"> <view class="amount-area" animation="{{moneyAnimation}}">
<view>加价金额 (元)</view> <view>加价金额 (元)</view>
<number-box model:value="{{money}}"/> <number-box model:value="{{money}}"/>
</view> </view>
<button type="primary" loading="{{imgUploading}}" disabled="{{imgUploading}}" <button type="primary" loading="{{imgUploading}}" disabled="{{imgUploading}}"
bind:tap="apply">{{requestId?'修改申请':'提交申请'}}</button> bind:tap="apply" class="apply-button">{{requestId?'修改申请':'提交申请'}}</button>
</modal-view> </modal-view>

View File

@ -3,18 +3,30 @@
.mark-up-view .input-area{ .mark-up-view .input-area{
border: 1.2px solid rgba(153, 153, 153, 0.5); border: 1.2px solid rgba(153, 153, 153, 0.5);
border-radius: 12rpx; border-radius: 12rpx;
padding:20rpx 16rpx 16rpx 24rpx; /* padding:20rpx 16rpx 16rpx 24rpx; */
margin-top:30rpx; margin-top:30rpx;
} }
.mark-up-view .input-area .textarea{ .mark-up-view .input-area .textarea{
line-height: 40rpx; line-height: 40rpx;
height:120rpx; height:128rpx;
font-size: 30rpx;
width: 100%; width: 100%;
padding:24rpx;
box-sizing:border-box;
}
.mark-up-view .img-uploader{
padding:0 16rpx 16rpx 16rpx;
} }
.mark-up-view .amount-area{ .mark-up-view .amount-area{
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin:40rpx 0 48rpx 0; margin:36rpx 0 40rpx 0;
}
.mark-up-view .apply-button{
font-size:34rpx;
padding:28rpx;
line-height: 1;
} }

View File

@ -17,12 +17,17 @@
"ignore": [], "ignore": [],
"disablePlugins": [], "disablePlugins": [],
"outputPath": "" "outputPath": ""
} },
"condition": true
}, },
"condition": {}, "condition": {},
"editorSetting": { "editorSetting": {
"tabIndent": "auto", "tabIndent": "auto",
"tabSize": 2 "tabSize": 2
}, },
"appid": "wxcc9b05f43951f1c0" "appid": "wxcc9b05f43951f1c0",
"projectArchitecture": "multiPlatform",
"simulatorPluginLibVersion": {
"wxext14566970e7e9f62": "3.6.5-25"
}
} }

82
project.miniapp.json Normal file
View File

@ -0,0 +1,82 @@
{
"miniVersion": "v2",
"name": "%name%",
"version": "0.0.1",
"versionCode": 100,
"i18nFilePath": "i18n",
"mini-android": {
"resourcePath": "miniapp/android/nativeResources",
"sdkVersion": "1.6.2",
"toolkitVersion": "0.11.0",
"useExtendedSdk": {
"media": false,
"bluetooth": false,
"network": false,
"scanner": false,
"xweb": false
},
"icons": {
"hdpi": "",
"xhdpi": "",
"xxhdpi": "",
"xxxhdpi": ""
},
"splashscreen": {
"hdpi": "",
"xhdpi": "",
"xxhdpi": ""
},
"enableVConsole": "open",
"privacy": {
"enable": true
}
},
"mini-ios": {
"sdkVersion": "1.6.5",
"toolkitVersion": "0.0.9",
"useExtendedSdk": {
"WeAppOpenFuns": true,
"WeAppNetwork": false,
"WeAppBluetooth": false,
"WeAppMedia": false,
"WeAppLBS": false,
"WeAppOthers": false
},
"enableVConsole": "open",
"icons": {
"mainIcon120": "",
"mainIcon180": "",
"spotlightIcon80": "",
"spotlightIcon120": "",
"settingsIcon58": "",
"settingsIcon87": "",
"notificationIcon40": "",
"notificationIcon60": "",
"appStore1024": ""
},
"splashScreen": {
"customImage": ""
},
"privacy": {
"enable": false
},
"enableOpenUrlNavigate": true,
"privateDescriptions": {
"NSPhotoLibraryUsageDescription": "当前应用程序需要访问用户的相册如需修改描述请前往「project.miniapp.json - 隐私信息访问许可描述」修改,并且关闭「自动使用默认描述补全默认隐私信息访问许可」",
"NSCameraUsageDescription": "当前应用程序需要访问用户的相机如需修改描述请前往「project.miniapp.json - 隐私信息访问许可描述」修改,并且关闭「自动使用默认描述补全默认隐私信息访问许可」",
"NSMicrophoneUsageDescription": "当前应用程序需要访问用户的麦克风如需修改描述请前往「project.miniapp.json - 隐私信息访问许可描述」修改,并且关闭「自动使用默认描述补全默认隐私信息访问许可」",
"NSLocationWhenInUseUsageDescription": "当前应用程序需要在使用时访问用户的位置如需修改描述请前往「project.miniapp.json - 隐私信息访问许可描述」修改,并且关闭「自动使用默认描述补全默认隐私信息访问许可」",
"NSLocationAlwaysUsageDescription": "当前应用程序需要始终访问用户的位置如需修改描述请前往「project.miniapp.json - 隐私信息访问许可描述」修改,并且关闭「自动使用默认描述补全默认隐私信息访问许可」",
"NSLocationAlwaysAndWhenInUseUsageDescription": "当前应用程序需要始终和在使用时访问用户的位置如需修改描述请前往「project.miniapp.json - 隐私信息访问许可描述」修改,并且关闭「自动使用默认描述补全默认隐私信息访问许可」",
"NSContactsUsageDescription": "当前应用程序需要访问用户的联系人如需修改描述请前往「project.miniapp.json - 隐私信息访问许可描述」修改,并且关闭「自动使用默认描述补全默认隐私信息访问许可」",
"NSCalendarsUsageDescription": "当前应用程序需要访问用户的日历如需修改描述请前往「project.miniapp.json - 隐私信息访问许可描述」修改,并且关闭「自动使用默认描述补全默认隐私信息访问许可」",
"NSRemindersUsageDescription": "当前应用程序需要访问用户的提醒事项如需修改描述请前往「project.miniapp.json - 隐私信息访问许可描述」修改,并且关闭「自动使用默认描述补全默认隐私信息访问许可」",
"NSBluetoothPeripheralUsageDescription": "当前应用程序需要访问用户的蓝牙如需修改描述请前往「project.miniapp.json - 隐私信息访问许可描述」修改,并且关闭「自动使用默认描述补全默认隐私信息访问许可」",
"NSBluetoothAlwaysUsageDescription": "当前应用程序需要始终访问用户的蓝牙如需修改描述请前往「project.miniapp.json - 隐私信息访问许可描述」修改,并且关闭「自动使用默认描述补全默认隐私信息访问许可」",
"NSSpeechRecognitionUsageDescription": "当前应用程序需要使用语音识别如需修改描述请前往「project.miniapp.json - 隐私信息访问许可描述」修改,并且关闭「自动使用默认描述补全默认隐私信息访问许可」",
"NSLocalNetworkUsageDescription": "当前应用程序需要访问本地网络如需修改描述请前往「project.miniapp.json - 隐私信息访问许可描述」修改,并且关闭「自动使用默认描述补全默认隐私信息访问许可」",
"NSSystemAdministrationUsageDescription": "当前应用程序需要进行系统管理操作如需修改描述请前往「project.miniapp.json - 隐私信息访问许可描述」修改,并且关闭「自动使用默认描述补全默认隐私信息访问许可」",
"NSPhotoLibraryAddUsageDescription": "应用程序在请求访问照片库如需修改描述请前往「project.miniapp.json - 隐私信息访问许可描述」修改,并且关闭「自动使用默认描述补全默认隐私信息访问许可"
}
}
}