CSS代码:
.button{font-weight: normal;font-size: 32rpx; border: 1rpx solid #2CBF8E; background: none; border-radius: 44rpx; height: 88rpx;width: 292rpx!important;}
.wxml
<!--这是用view标签-->
<view class="df button j-sc a-ic themecolor">去修改</view>
<!--这是用button标签-->
<button class="df button j-sc a-ic themecolor">去修改</button >
不用是用view还是button,在苹果手机上看,左边就像缺失了一样,边框宽度设置成1px就正常了
你好扫码截图提供一下手机型号信息
/* pages/index/test.wxss */
.button{
font-weight: normal;
font-size: 32rpx;
display: flex;
justify-content: center;
align-items: center;
border: 1rpx solid #2CBF8E;
background: none;
border-radius: 44rpx;
height: 88rpx;
width: 292rpx!important;
margin: 30rpx auto;
color: #2CBF8E;
}
.button2{
font-weight: normal;
font-size: 32rpx;
display: flex;
justify-content: center;
align-items: center;
border: 1rpx solid #2CBF8E;
background: none;
height: 88rpx;width: 292rpx!important;
margin: 30rpx auto;color: #2CBF8E;
border-radius: 0!important;
}
给元素添加样式:transform: rotateZ(360deg)