29 lines
722 B
Plaintext
29 lines
722 B
Plaintext
<template>
|
|
<view style="width: 100px; height: 100px; position: relative;">
|
|
<view class="point-bg"></view>
|
|
<text class="point-bg-txt">积分10%</text>
|
|
</view>
|
|
</template>
|
|
|
|
<style>
|
|
/* 无 scoped 或使用 ::v-deep */
|
|
.point-bg {
|
|
background: url('https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/point_bg.png') no-repeat;
|
|
background-size: cover;
|
|
position: absolute;
|
|
top: -16px;
|
|
left: -16px;
|
|
z-index: 10;
|
|
width: 56px;
|
|
height: 56px;
|
|
}
|
|
.point-bg-txt {
|
|
-webkit-transform: rotate(315deg);
|
|
transform: rotate(315deg);
|
|
font-size: 10px;
|
|
color: red;
|
|
margin-left: 6px;
|
|
margin-top: 16px;
|
|
display: inline-block; /* 确保 transform 生效 */
|
|
}
|
|
</style> |