Преглед изворни кода

重新激活.上传照片-新增提示文案

main
fantengteng пре 1 дан
родитељ
комит
88849986cb

+ 3
- 0
wxminipro/plugin/etc/pages/activeAgain/activeAgain.wxml Прегледај датотеку

@@ -108,6 +108,9 @@
<upload-img type="3" imgScr="{{vehBodyUrlStr}}" bindopen="chooseImage"></upload-img>
<upload-img type="4" imgScr="{{installImgUrlStr}}" bindopen="chooseImage"></upload-img>
</view>
<view class="bubble">
安装位置要求:车载单元(obu)必须安装在车辆内部前挡风玻璃或中控台上。
</view>
</view>

<!-- 手机号 -->

+ 37
- 0
wxminipro/plugin/etc/pages/activeAgain/activeAgain.wxss Прегледај датотеку

@@ -216,6 +216,43 @@
align-items: center;
}

.bubble {
position: relative;
/* 为伪元素定位提供参考 */
background: #FFF7EF;
/* 气泡背景色(浅橙色) */
color: #FF8124;
/* 文字颜色(橙色) */
padding: 16rpx 20rpx;
/* 内边距,控制文字与气泡边缘的距离 */
border-radius: 8rpx;
/* 气泡圆角 */
line-height: 1.5;
/* 文字行高,提升可读性 */
font-size: 28rpx;
margin-top: 24rpx;
font-size: 24rpx;
border: 1rpx solid #FCE8D3;
}

/* 顶部三角:用透明边框+底部实色边框实现三角形 */
.bubble::before {
content: "";
/* 伪元素必须有content(空值也可) */
position: absolute;
top: -16rpx;
/* 三角向上“突出”容器,值为三角高度 */
left: 75%;
/* 水平居中定位 */
transform: translateX(-75%);
/* 精细居中(抵消left:50%的偏移) */
width: 0;
height: 0;
/* 边框实现三角形:左右透明,底部与气泡背景同色 */
border-left: 16rpx solid transparent;
border-right: 16rpx solid transparent;
border-bottom: 16rpx solid #FFF7EF;
}

.hint .icon {
width: 30rpx;

Loading…
Откажи
Сачувај