按钮的边框消失了

来源：3-10 聊聊小程序的方便性与灵活性的悖论

晓舟

2021-09-11

.container{
display:flex;
flex-direction:column;
align-items: center;
background-color: #b3d4db;
}

.l-avatar{
margin-top: 300rpx;
position: absolute;
margin-left:5rpx;

}

.journey-btn{
border: 1px solid #b3d4db;
width:300rpx;
height:60rpx;
border-radius: 5rpx;
text-align: center;
margin-top: 260rpx;
}

.journey{
line-height: 60rpx;
/* 设置成和容器一样高 */
font-size:22rpx;
}

text{
margin-top:330rpx;
font-size:32rpx;
}

page{
background-color: #b3d4db;
}

index.wxss

Hello,Belle

开启小程序之旅

index.wxml

写回答

1回答

晓舟

提问者

2021-09-11

<l-avatar placement="bottom" class="l-avatar" open-data="{{['userAvatarUrl','userNickName']}}" size="180" />

<text class="motto">Hello,Belle</text>

<text class="journey">开启小程序之旅</text>

</view>

石头555

晓舟

笑死了

2022-04-13

共2条回复

微信小程序入门与实战

历时4年，学员20000+，缔造高口碑的精品课程

24017 学习 · 6935 问题

相似问题

回答 5

回答 5

回答 1

回答 1

回答 3