chore:添加文件的图标正常
This commit is contained in:
@@ -27,7 +27,7 @@
|
|||||||
</view>
|
</view>
|
||||||
<view v-if="isTypeEnabled('file')" class="tool-item tool-item-new tool-item-file" @click="selectFile">
|
<view v-if="isTypeEnabled('file')" class="tool-item tool-item-new tool-item-file" @click="selectFile">
|
||||||
<view class="tool-icon">
|
<view class="tool-icon">
|
||||||
<text class="icondiy icon-system-attachment-line"></text>
|
<view class="paperclip-icon"></view>
|
||||||
</view>
|
</view>
|
||||||
<text class="tool-text">添加文件</text>
|
<text class="tool-text">添加文件</text>
|
||||||
</view>
|
</view>
|
||||||
@@ -549,6 +549,16 @@ export default {
|
|||||||
line-height: 1;
|
line-height: 1;
|
||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 添加文件图标: 斜向回形针 (参考图样式)
|
||||||
|
.paperclip-icon {
|
||||||
|
width: 48rpx;
|
||||||
|
height: 48rpx;
|
||||||
|
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMzMzIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMjEuNDQgMTEuMDUgMTIuMjUgMjAuMjRhNiA2IDAgMCAxLTguNDktOC40OWw4LjU3LTguNTdhNCA0IDAgMSAxIDUuNjYgNS42NmwtOC41OSA4LjU3YTIgMiAwIDAgMS0yLjgzLTIuODNsOC40OS04LjQ4Ii8+PC9zdmc+");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tool-text {
|
.tool-text {
|
||||||
|
|||||||
Reference in New Issue
Block a user