lizi/shop-toy
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

修样式

Browse Source
This commit is contained in:
xiayebo
2025-12-25 16:14:37 +08:00
parent 5312cfcb2e
commit d46d50018e
1 changed files with 103 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
src/pagesBank/visit/detail.vue
View File

@@ -421,13 +421,14 @@ onLoad((options) => {
<!-- 位置 -->
<view class="form-item">
<view class="label required">位置</view>
<view class="location-input">
<view class="location-input" style="display: flex; align-items: center; width: 100%; max-width: 100%; overflow: hidden;">
<input
v-model="completeForm.location"
placeholder="请输入地址或点击定位"
class="input"
style="flex: 1; min-width: 0; box-sizing: border-box; overflow: hidden; max-width: 100%; width: 0;"
/>
<view class="location-btn" @click="handleGetLocation">
<view class="location-btn" @click="handleGetLocation" style="flex-shrink: 0; width: 50rpx; height: 50rpx; margin-left: 10rpx; box-sizing: border-box;">
<text class="i-carbon-location-filled"></text>
</view>
</view>
@@ -469,6 +470,9 @@ onLoad((options) => {
min-height: 100vh;
background: #f8f9fa;
padding-bottom: calc(120rpx + env(safe-area-inset-bottom));
overflow-x: hidden;
width: 100%;
box-sizing: border-box;
}
.header-card {
@@ -760,6 +764,12 @@ onLoad((options) => {
background: #fff;
border-radius: 24rpx 24rpx 0 0;
max-height: 80vh;
width: 100%;
max-width: 750rpx;
margin: 0 auto;
box-sizing: border-box;
overflow: hidden;
overflow-x: hidden;
.form-header {
display: flex;
@@ -784,11 +794,18 @@ onLoad((options) => {
.form-content {
max-height: 70vh;
padding: 24rpx 30rpx;
padding: 24rpx 20rpx;
box-sizing: border-box;
overflow: hidden;
overflow-x: hidden;
width: 100%;
max-width: 100%;
}
.form-item {
margin-bottom: 32rpx;
width: 100%;
box-sizing: border-box;
&:last-child {
margin-bottom: 0;
@@ -811,29 +828,38 @@ onLoad((options) => {
.location-input {
display: flex;
align-items: center;
gap: 16rpx;
width: 100%;
max-width: 550rpx;
overflow: hidden;
.input {
flex: 1;
min-width: 0;
height: 80rpx;
background: #f8f9fa;
border: none;
border-radius: 12rpx;
padding: 0 20rpx;
padding: 0 16rpx;
font-size: 28rpx;
color: #333;
box-sizing: border-box;
overflow: hidden;
}
.location-btn {
width: 72rpx;
height: 72rpx;
flex-shrink: 0;
width: 60rpx;
height: 60rpx;
background: #00c05a;
border-radius: 12rpx;
display: flex;
align-items: center;
justify-content: center;
margin-left: 10rpx;
box-sizing: border-box;
text {
font-size: 36rpx;
font-size: 28rpx;
color: #fff;
}
}
@@ -899,3 +925,72 @@ onLoad((options) => {
}
}
</style>
<style lang="scss">
:deep(.wd-popup) {
max-width: 750rpx !important;
width: 100% !important;
left: 0 !important;
right: 0 !important;
margin: 0 auto !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
:deep(.wd-popup__content) {
max-width: 750rpx !important;
width: 100% !important;
left: 0 !important;
right: 0 !important;
margin: 0 auto !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
:deep(.wd-popup__wrapper) {
max-width: 750rpx !important;
width: 100% !important;
left: 0 !important;
right: 0 !important;
margin: 0 auto !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
:deep(.visit-complete-popup) {
max-width: 750rpx !important;
width: 100% !important;
left: 0 !important;
right: 0 !important;
margin: 0 auto !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
:deep(.complete-form) {
max-width: 750rpx !important;
width: 100% !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
:deep(.form-content) {
max-width: 750rpx !important;
width: 100% !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
:deep(.location-input) {
max-width: 750rpx !important;
width: 100% !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
:deep(.location-input .input) {
max-width: 100% !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
</style>