Yinux/unibest
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 微信小程序outline 不支持border-radius

Browse Source
This commit is contained in:
Burt 2024-01-12 11:20:31 +08:00
parent 992df91a05
commit c1f6e467b6
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/lottery/big-wheel.vue
View File

@ -147,6 +147,8 @@ const start = () => {
width: 90vw; width: 90vw;
height: 90vw; height: 90vw;
margin: 20px auto; margin: 20px auto;
border: 10px solid #98d3fc;
border-radius: 50%;
} }
.prize-list { .prize-list {
@ -157,7 +159,7 @@ const start = () => {
border-radius: 50%; border-radius: 50%;
// 使用outline代替border可以省很多定位的问题 // 使用outline代替border可以省很多定位的问题
outline: 10px solid #98d3fc; // outline: 10px solid #98d3fc;
} }
.prize-item { .prize-item {
@ -192,7 +194,7 @@ const start = () => {
top: 50%; top: 50%;
left: 50%; left: 50%;
width: 80px; width: 80px;
height: 80px; height: 96px;
margin: auto; margin: auto;
cursor: pointer; cursor: pointer;
background: url('https://cip-shopping-page-0eysug01066a9e-1302818703.tcloudbaseapp.com/fly/lottery-prize/btn-enable.png') background: url('https://cip-shopping-page-0eysug01066a9e-1302818703.tcloudbaseapp.com/fly/lottery-prize/btn-enable.png')