修改placeholder样式名称
This commit is contained in:
parent
94aa5813a5
commit
9cc925d676
10
src/App.vue
10
src/App.vue
|
@ -61,16 +61,18 @@ export default {
|
|||
justify-content: space-between;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.search-placeholder {
|
||||
.placeholder-style-1 {
|
||||
color: #bebebe;
|
||||
}
|
||||
.order-placeholder {
|
||||
.placeholder-style-2 {
|
||||
color: #909090;
|
||||
}
|
||||
.form-input-placeholder,
|
||||
.address-placeholder {
|
||||
.placeholder-style-3 {
|
||||
color: #c9c9c9;
|
||||
}
|
||||
.placeholder-style-4 {
|
||||
color: #999999;
|
||||
}
|
||||
// 点击表单
|
||||
.form-widget-group {
|
||||
width: 100%;
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
type="text"
|
||||
:model="keywords"
|
||||
placeholder="搜索您需要的服务"
|
||||
placeholder-class="search-placeholder"
|
||||
placeholder-class="placeholder-style-1"
|
||||
/>
|
||||
</view>
|
||||
</template>
|
||||
|
|
|
@ -24,7 +24,7 @@
|
|||
class="input"
|
||||
v-model="detail"
|
||||
placeholder="请输入详细地址,如8栋5单元18a"
|
||||
placeholder-class="form-input-placeholder"
|
||||
placeholder-class="placeholder-style-3"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -33,7 +33,7 @@
|
|||
<text>联系人</text>
|
||||
</view>
|
||||
<view class="input-box">
|
||||
<input class="input" v-model="name" placeholder="请输入姓名" placeholder-class="form-input-placeholder" />
|
||||
<input class="input" v-model="name" placeholder="请输入姓名" placeholder-class="placeholder-style-3" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="input-item">
|
||||
|
@ -60,7 +60,7 @@
|
|||
class="input"
|
||||
v-model="mobile"
|
||||
placeholder="请输入手机号码"
|
||||
placeholder-class="form-input-placeholder"
|
||||
placeholder-class="placeholder-style-3"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
|
|
@ -67,7 +67,7 @@
|
|||
v-model="explain"
|
||||
class="textarea"
|
||||
placeholder="请您详细填写需求说明"
|
||||
placeholder-class="form-input-placeholder"
|
||||
placeholder-class="placeholder-style-3"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -173,7 +173,7 @@
|
|||
type="number"
|
||||
v-model="price"
|
||||
placeholder="请输入心理价位"
|
||||
placeholder-class="form-input-placeholder"
|
||||
placeholder-class="placeholder-style-3"
|
||||
/>
|
||||
<text class="iconfont icon-qingchu" @click="price = 0"></text>
|
||||
</view>
|
||||
|
|
|
@ -34,7 +34,7 @@
|
|||
class="text-area"
|
||||
v-model="message"
|
||||
placeholder="补充描述您的需求,或其他特殊情况"
|
||||
placeholder-class="order-placeholder"
|
||||
placeholder-class="placeholder-style-2"
|
||||
/>
|
||||
</view>
|
||||
<view class="agreement-container">
|
||||
|
|
|
@ -13,7 +13,7 @@
|
|||
class="input"
|
||||
v-model="brand"
|
||||
placeholder="请输入贵公司品牌"
|
||||
placeholder-class="form-input-placeholder"
|
||||
placeholder-class="placeholder-style-3"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -26,7 +26,7 @@
|
|||
class="input"
|
||||
v-model="projectType"
|
||||
placeholder="请输入产品类型"
|
||||
placeholder-class="form-input-placeholder"
|
||||
placeholder-class="placeholder-style-3"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -35,7 +35,7 @@
|
|||
<text>联系人</text>
|
||||
</view>
|
||||
<view class="input-box">
|
||||
<input class="input" v-model="name" placeholder="请输入姓名" placeholder-class="form-input-placeholder" />
|
||||
<input class="input" v-model="name" placeholder="请输入姓名" placeholder-class="placeholder-style-3" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="input-item">
|
||||
|
@ -47,7 +47,7 @@
|
|||
class="input"
|
||||
v-model="mobile"
|
||||
placeholder="请输入联系手机号"
|
||||
placeholder-class="form-input-placeholder"
|
||||
placeholder-class="placeholder-style-3"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -60,7 +60,7 @@
|
|||
v-model="content"
|
||||
class="textarea"
|
||||
placeholder="请输入售后说明"
|
||||
placeholder-class="form-input-placeholder"
|
||||
placeholder-class="placeholder-style-3"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
|
|
@ -13,7 +13,7 @@
|
|||
class="input"
|
||||
v-model="brand"
|
||||
placeholder="请输入贵公司品牌"
|
||||
placeholder-class="form-input-placeholder"
|
||||
placeholder-class="placeholder-style-3"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -22,7 +22,7 @@
|
|||
<text>联系人</text>
|
||||
</view>
|
||||
<view class="input-box">
|
||||
<input class="input" v-model="name" placeholder="请输入姓名" placeholder-class="form-input-placeholder" />
|
||||
<input class="input" v-model="name" placeholder="请输入姓名" placeholder-class="placeholder-style-3" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="input-item">
|
||||
|
@ -34,7 +34,7 @@
|
|||
class="input"
|
||||
v-model="mobile"
|
||||
placeholder="请输入您的手机号"
|
||||
placeholder-class="form-input-placeholder"
|
||||
placeholder-class="placeholder-style-3"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -47,7 +47,7 @@
|
|||
v-model="content"
|
||||
class="textarea"
|
||||
placeholder="请输入合作内容"
|
||||
placeholder-class="form-input-placeholder"
|
||||
placeholder-class="placeholder-style-3"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
|
|
@ -13,7 +13,7 @@
|
|||
class="input"
|
||||
v-model="projectType"
|
||||
placeholder="请输入工程的类型,例如:酒店"
|
||||
placeholder-class="form-input-placeholder"
|
||||
placeholder-class="placeholder-style-3"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -26,7 +26,7 @@
|
|||
class="input"
|
||||
v-model="productType"
|
||||
placeholder="请输入产品类型"
|
||||
placeholder-class="form-input-placeholder"
|
||||
placeholder-class="placeholder-style-3"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -35,7 +35,7 @@
|
|||
<text>联系人</text>
|
||||
</view>
|
||||
<view class="input-box">
|
||||
<input class="input" v-model="name" placeholder="请输入姓名" placeholder-class="form-input-placeholder" />
|
||||
<input class="input" v-model="name" placeholder="请输入姓名" placeholder-class="placeholder-style-3" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="input-item">
|
||||
|
@ -47,7 +47,7 @@
|
|||
class="input"
|
||||
v-model="mobile"
|
||||
placeholder=" 请输入联系手机号"
|
||||
placeholder-class="form-input-placeholder"
|
||||
placeholder-class="placeholder-style-3"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
@ -83,7 +83,7 @@
|
|||
v-model="content"
|
||||
class="textarea"
|
||||
placeholder="请输入补充说明"
|
||||
placeholder-class="form-input-placeholder"
|
||||
placeholder-class="placeholder-style-3"
|
||||
/>
|
||||
</view>
|
||||
</view>
|
||||
|
|
Loading…
Reference in New Issue