问题描述:
打包优化后,发现添加到外部组件的 class 属性:right-time-wrap 中的margin-top、margin-right属性都被countDown组件本身的margin覆盖。
问题代码块
<template> <div class="interaction-header-wrap--app"> <div class="left-back-wrap" @click="back" ></div> <CountDown class="right-time-wrap" :remainTime="remainTime" :hideIcon="false" :color="'#FFAE0A'" @LastTimeChange="onLastTimeChange" ></CountDown> </div> </template> <style lang='less'> .right-time-wrap { margin-right: 48px; margin-top: 40px; height: 26px; padding: 8px; background: #fff; border-radius: 18px; } </style>