当前位置:网站首页>Applet modification style (placeholder, checkbox style)
Applet modification style (placeholder, checkbox style)
2022-07-05 18:53:00 【Don't ask people 0】
Catalog
Applet Modify the style ( placeholder、checkbox The style of )
Applet Modify the style placeholder style
.wxml
<input placeholder=" Please enter a user name " placeholder-class="placeholderClass" />
.wxss
.placeholderClass{
font-weight: 400;
color: rgba(0, 0, 0, 0.14);
}
Applet Modify the style ( checkbox The style of )
.wxml
<checkbox-group class="login-remember-check" bindchange="checkboxChange">
<label class="checkbox">
<checkbox class="login-remember-check-active" bindchange="checkboxChange" checked="{
{ isCheckPwd }}"/>
<text class="{
{ isCheckPwd ? 'login-remember-check' : 'login-remember-no-check' }}"> Remember the user name </text>
</label>
</checkbox-group>
.wxss
/* modify checkbox The style of */
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before,
checkbox .wx-checkbox-input.wx-checkbox-input {
border-color:#14D1B4;
color: #14D1B4;
}
.js
data: {
isShowPwd:true, // Whether to display the password
showType:"text", // Password and text The type of
isCheckPwd:false, // Whether to remember the user name
},
// Switch password format
changePwdType(){
if (this.data.isShowPwd) {
// If this.data.isShow by true, It is expressed as password small black dot
this.setData({
isShowPwd:false,
showType:"password"
})
} else {
this.setData({
isShowPwd: true,
showType: "text"
})
}
},
// Remember the user name
checkboxChange(e){
console.log("checkboxChange",e.detail.value.length);
let resChecked = true
e.detail.value.length ? resChecked = true:resChecked = false
this.setData({
isCheckPwd:resChecked
})
},
.
- effect
边栏推荐
- Redhat7.4 configure Yum software warehouse (rhel7.4)
- 跨境支付平台 XTransfer 的低代码实践:如何与其他中台融合是核心
- Is it safe to open an account, register and dig money? Is there any risk? Is it reliable?
- Oracle 中文排序 Oracle 中文字段排序
- The worse the AI performance, the higher the bonus? Doctor of New York University offered a reward for the task of making the big model perform poorly
- 为什么 BI 软件都搞不定关联分析?带你分析分析
- How to automatically install pythn third-party libraries
- c语言简便实现链表增删改查「建议收藏」
- 瞅一瞅JUC提供的限流工具Semaphore
- Is it safe for golden sun to open an account? Can I open an account free of 5 in case?
猜你喜欢
随机推荐
A2L file parsing based on CAN bus (3)
Problems encountered in the project u-parse component rendering problems
Web3.0时代来了,看天翼云存储资源盘活系统如何赋能新基建(下)
Ant group open source trusted privacy computing framework "argot": open and universal
输油管的布置数学建模matlab,输油管布置的数学模型
7-1 链表也简单fina
Interprocess communication (IPC): shared memory
Is it safe to open an account and register stocks for stock speculation? Is there any risk? Is it reliable?
中文版Postman?功能真心强大!
Use QT to traverse JSON documents and search sub objects
企业级数据安全,天翼云是这样理解的
Powerful tool for collection processing
Chinese postman? Really powerful!
Tianyi cloud understands enterprise level data security in this way
LeetCode 6111. 螺旋矩阵 IV
技术分享 | 接口测试价值与体系
Rse2020/ cloud detection: accurate cloud detection of high-resolution remote sensing images based on weak supervision and deep learning
从外卖点单浅谈伪需求
[HCIA cloud] [1] definition of cloud computing, what is cloud computing, architecture and technical description of cloud computing, Huawei cloud computing products, and description of Huawei memory DD
达梦数据库udf实现