Files
BlackFruit-UI/clientarea/hgcloud/components/shadowContent/shadowContent.js
yiqiu 3b41cffbc9
All checks were successful
continuous-integration/drone/push Build is passing
feat: 会员中心 hgcloud 主题初始化 + drone 部署步骤
- 解压官方默认主题 default_yfMBA.tar.gz 到 clientarea/hgcloud/
- .gitignore 排除压缩包和临时解压目录
- drone 新增步骤: 同步 hgcloud 到 /clientarea/template/pc/
2026-03-19 17:56:44 +08:00

40 lines
669 B
JavaScript

const shadowContent = {
template: /* html*/ `
<div ref="shadow"></div>
`,
props: {
content: {
type: String,
default: "",
},
},
data() {
return {
shadowRoot: null,
};
},
mounted() {
this.shadowRoot = this.$refs.shadow.attachShadow({mode: "open"});
this.renderShadow();
},
// 内容变动时更新 Shadow DOM
watch: {
content() {
this.renderShadow();
},
},
methods: {
renderShadow() {
this.shadowRoot.innerHTML = `
<style>
img {
max-width: 100%;
height: auto;
}
</style>
${this.content}
`;
},
},
};