更新示例
This commit is contained in:
@@ -1,12 +1,7 @@
|
||||
<template>
|
||||
<view
|
||||
class="cl-image"
|
||||
:class="[
|
||||
{
|
||||
'cl-image--border': border
|
||||
},
|
||||
pt.className
|
||||
]"
|
||||
:class="[pt.className]"
|
||||
:style="{
|
||||
width: parseRpx(width!),
|
||||
height: parseRpx(height!)
|
||||
@@ -210,7 +205,7 @@ function onTap() {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.cl-image {
|
||||
@apply relative flex flex-row items-center justify-center rounded-xl;
|
||||
@apply relative flex flex-row items-center justify-center;
|
||||
|
||||
&__inner {
|
||||
@apply w-full h-full rounded-xl;
|
||||
@@ -218,16 +213,12 @@ function onTap() {
|
||||
|
||||
&__loading,
|
||||
&__error {
|
||||
@apply absolute h-full w-full bg-surface-200;
|
||||
@apply absolute h-full w-full bg-surface-200 rounded-xl;
|
||||
@apply flex flex-col items-center justify-center;
|
||||
|
||||
&.is-dark {
|
||||
@apply bg-surface-700;
|
||||
}
|
||||
}
|
||||
|
||||
&--border {
|
||||
@apply border border-solid border-surface-300;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user