源代码 (wechatide://minicode/tKP6ePmX792N)

为什么要进行测试?因为官方的例子与实际差距甚远…

胶囊大小测试.感兴趣的可以使用实际手机测试一下.位置.并反馈结果.

请留言,注明__设备__及调试好的__样式代码__.

.capsule {

position: absolute;

top: 30px;//主要是这几项

right: 10px;//主要是这几项

width: 93px;//主要是这几项

border: 1px solid hsla(0, 0%, 100%, 0.25);

border-radius: 54rpx;//主要是这几项

background: hsla(0, 0%, 100%, 0.6);

line-height: 1;

font-size: 0;

}

.capsule, .capsule>.link {

display: flex;

align-items: center;

}

.capsule>.link {

flex: 1;

font-size: 12px;

height: 30rpx;//主要是这几项

justify-content: center;

padding: 6.4px 0;

color: #000;

}