Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Hooke
/
jgdl
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
hookehuyr
2025-07-15 15:40:21 +0800
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
e00772a823e95e08350b95cda3ea478da30899c7
e00772a8
1 parent
292d0116
style: 优化表单样式和占位文本
- 统一输入框占位文本样式 - 调整单位文字颜色 - 移除默认值和注释掉的样式 - 更新表单字段占位文本
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
27 additions
and
15 deletions
src/app.less
src/components/payCard.vue
src/pages/sell/index.less
src/pages/sell/index.vue
src/app.less
View file @
e00772a
...
...
@@ -42,3 +42,7 @@ button::after {
border-top: 1rpx solid #f3f4f6;
z-index: 100;
}
.input-placeholder, .textarea-placeholder {
color: #9ca3af;
}
...
...
src/components/payCard.vue
View file @
e00772a
<!--
* @Date: 2023-12-20 14:11:11
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-07-15 1
4:18:38
* @LastEditTime: 2025-07-15 1
5:39:33
* @FilePath: /jgdl/src/components/payCard.vue
* @Description: 文件描述
-->
...
...
@@ -11,7 +11,7 @@
<view style="padding: 2rem 1rem; text-align: center;">
<view style="font-size: 32rpx;">实付金额</view>
<view style="color: red; margin: 10rpx 0;"><text style="font-size: 50rpx;">¥</text><text style="font-size: 80rpx;">{{ price }}</text></view>
<
view style="font-size: 28rpx; margin-bottom: 20rpx;">支付剩余时间 <text style="color: red;">{{ formatTime(remain_time) }}</text></view
>
<
!-- <view style="font-size: 28rpx; margin-bottom: 20rpx;">支付剩余时间 <text style="color: red;">{{ formatTime(remain_time) }}</text></view> --
>
<nut-button block color="#fb923c" @tap="goToPay">立即支付</nut-button>
</view>
</nut-action-sheet>
...
...
src/pages/sell/index.less
View file @
e00772a
...
...
@@ -154,7 +154,7 @@
.unit {
font-size: 28rpx;
color: #
9ca3af
;
color: #
666
;
margin-left: 16rpx;
}
...
...
@@ -168,12 +168,15 @@
.price-input {
font-size: 32rpx;
color: #f97316;
font-weight: 600;
text-align: right;
//
font-weight: 600;
//
text-align: right;
border: none;
outline: none;
background: transparent;
width: 160rpx;
&::placeholder {
color: #9ca3af !important;
}
}
.market-price-symbol {
...
...
@@ -185,7 +188,7 @@
.market-price-input {
font-size: 28rpx;
color: #9ca3af;
text-align: right;
//
text-align: right;
border: none;
outline: none;
background: transparent;
...
...
src/pages/sell/index.vue
View file @
e00772a
...
...
@@ -3,7 +3,12 @@
<!-- 顶部导航 -->
<nut-config-provider :theme-vars="themeVars">
<nut-sticky top="0">
<nut-navbar v-if="!isAuthMode && !isMyCarMode" :title="isEditMode ? '编辑车源' : '发布车源'" left-show @on-click-back="goBack">
<nut-navbar v-if="!isAuthMode && !isMyCarMode" left-show @on-click-back="goBack">
<template #content>
<view class="content">
<text class="title" style="font-size: 33rpx; font-weight: 500;">{{ isEditMode ? '编辑车源' : '发布车源' }}</text>
</view>
</template>
<template #left-show>
<RectLeft color="white" />
</template>
...
...
@@ -149,7 +154,7 @@
<!-- 行驶里程 -->
<nut-form-item label="行驶里程" prop="total_mileage_km" required
:rules="[{ required: true, message: '请输入行驶里程' }]">
<nut-input v-model="formData.total_mileage_km" placeholder="
1200
" type="number" input-align="right">
<nut-input v-model="formData.total_mileage_km" placeholder="
请输入
" type="number" input-align="right">
<template #right>
<text class="unit">公里</text>
</template>
...
...
@@ -158,7 +163,7 @@
<!-- 续航里程 -->
<nut-form-item label="续航里程" prop="range_km">
<nut-input v-model="formData.range_km" placeholder="
60
" type="number" input-align="right">
<nut-input v-model="formData.range_km" placeholder="
请输入
" type="number" input-align="right">
<template #right>
<text class="unit">公里</text>
</template>
...
...
@@ -167,7 +172,7 @@
<!-- 最高时速 -->
<nut-form-item label="最高时速" prop="max_speed_kmh">
<nut-input v-model="formData.max_speed_kmh" placeholder="
25
" type="number" input-align="right">
<nut-input v-model="formData.max_speed_kmh" placeholder="
请输入
" type="number" input-align="right">
<template #right>
<text class="unit">km/h</text>
</template>
...
...
@@ -176,7 +181,7 @@
<!-- 电池容量 -->
<nut-form-item label="电池容量" prop="battery_capacity_ah">
<nut-input v-model="formData.battery_capacity_ah" placeholder="
20
" type="number"
<nut-input v-model="formData.battery_capacity_ah" placeholder="
请输入
" type="number"
input-align="right">
<template #right>
<text class="unit">Ah</text>
...
...
@@ -374,10 +379,10 @@ const formData = reactive({
brandModel: '', // 品牌型号组合字段,用于表单验证
manufacture_year: '',
new_level: '',
total_mileage_km: '
100
',
range_km: '
60
',
max_speed_kmh: '
25
',
battery_capacity_ah: '
20
',
total_mileage_km: '',
range_km: '',
max_speed_kmh: '',
battery_capacity_ah: '',
// batteryWear: '',
brake_wear_level: '',
tire_wear_level: '',
...
...
Please
register
or
login
to post a comment