1. Establezca dinámicamente el
código de la imagen de fondo que no muestra la imagen.
<div class="photoBox" v-show="!ifCircle" :style="{backgroundImage:'url('+ info.avatar}"></div>
El código que se puede mostrar normalmente después de la modificación, por el motivo, no lo sé
<div class="photoBox" :style="note"></div>
data () {
return {
note:{
backgroundImage: "url(" + Cookies.get('webuseravatar') + ")",
}
}
- Las fuentes externas importadas informan de un error en IE, porque IE9 y superior solo admiten fuentes eot, por lo que al importar fuentes, debe introducir varias URL
@font-face {
font-family: 'DIN-Bold';
src:url('DIN-Condensed-Bold.ttf');
src:url('DIN-Condensed-Bold.eot?#iefix') format('DIN-Condensed-Bold.woff') format('woff'),
url('DIN-Condensed-Bold.ttf') format('truetype'),
url('DIN-Condensed-Bold.svg#webfontOTINA1xY') format('svg');
font-weight: normal;
font-style: normal;
}