项目需求:
项目个人中心页会员卡片组件
slot插槽规则:
父级模板里的所有内容都是在父级作用域中编译的;子模板里的所有内容都是在子作用域中编译的。
组件:
export default {
name: 'HmBalanceCard',
props: {
options: {
type: String,
default: 'cardColorNone' ,//.cardColorOne | cardColorTwo | cardColorThree | cardColorNone
}
},
data() {
return {};
},
mounted() {
this.$nextTick(function(){
let dom = document.getElementById('trimStrip')
setTimeout(()=>{
dom.style.width='45px'
dom.style.left="500px"
},100)
})
// animation: reflectLight .6s ;
// @keyframes reflectLight {
// from {
// left: -100px;
// width: 20px;
// }