收藏
回答

小程序button按钮,荣耀20文字显示不全,其他手机正常

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Bug Android 荣耀20 荣耀20 8.0.27

显示异常,只有三个字。

显示正常,全部显示。没有写死宽度,可自适应。

回答关注问题邀请回答
收藏

2 个回答

  • 911
    911
    2022-11-08
    把这个样式删掉 .password>input
    .password{
    		padding: 30rpx 0;
    		width: 646rpx;
    		display: flex;
    		border-bottom: 1rpx solid #E5E5E5;
    		justify-content: space-between;
                    align-items: center;
    	
    }
    


    2022-11-08
    有用
    回复
  • 哼😜
    哼😜
    2022-11-08
    <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>
    
    
    
    2022-11-08
    有用
    回复 1
    • 哼😜
      哼😜
      2022-11-08
      复现代码
      2022-11-08
      回复
登录 后发表内容