小程序
小游戏
企业微信
微信支付
扫描小程序码分享
显示异常,只有三个字。
显示正常,全部显示。没有写死宽度,可自适应。
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
把这个样式删掉 .password>input .password{ padding: 30rpx 0; width: 646rpx; display: flex; border-bottom: 1rpx solid #E5E5E5; justify-content: space-between; align-items: center; }
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
<template> <view class="content"> <view class="password"> <input type="text" v-model="codeReg" placeholder="请输入验证码" placeholder-style="color:#999999; font-size:28rpx;"> <button class="Code" @click="wxCode">{{getCodeText}}</button> </view> </view> </template> <script> export default { data() { return { codeReg: null, //验证码 getCodeText: '获取验证码', } }, onLoad() { }, methods: { wxCode() { console.log(11111) } } } </script> <style> .Code { margin: auto 0; height: 56rpx; background: #CF192A; border-radius: 28rpx; text-align: center; font-size: 20rpx; font-family: PingFang SC; font-weight: 500; color: #FFFFFF; line-height: 56rpx; } .password { padding: 30rpx 0; width: 646rpx; margin: auto; display: flex; border-bottom: 1rpx solid #E5E5E5; justify-content: space-between; margin-bottom: 30rpx; } .password>input { margin: auto 0; margin-right: auto; } </style>
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
把这个样式删掉 .password>input .password{ padding: 30rpx 0; width: 646rpx; display: flex; border-bottom: 1rpx solid #E5E5E5; justify-content: space-between; align-items: center; }
<template> <view class="content"> <view class="password"> <input type="text" v-model="codeReg" placeholder="请输入验证码" placeholder-style="color:#999999; font-size:28rpx;"> <button class="Code" @click="wxCode">{{getCodeText}}</button> </view> </view> </template> <script> export default { data() { return { codeReg: null, //验证码 getCodeText: '获取验证码', } }, onLoad() { }, methods: { wxCode() { console.log(11111) } } } </script> <style> .Code { margin: auto 0; height: 56rpx; background: #CF192A; border-radius: 28rpx; text-align: center; font-size: 20rpx; font-family: PingFang SC; font-weight: 500; color: #FFFFFF; line-height: 56rpx; } .password { padding: 30rpx 0; width: 646rpx; margin: auto; display: flex; border-bottom: 1rpx solid #E5E5E5; justify-content: space-between; margin-bottom: 30rpx; } .password>input { margin: auto 0; margin-right: auto; } </style>