yz-yuki-plugin 1.0.1

package/lib/types/utils/puppeteer.render.d.ts

@@ -0,0 +1,23 @@
+import { Puppeteer } from 'react-puppeteer';
+export type ScreenshotOptions = {
+    SOptions?: {
+        type: 'jpeg' | 'png' | 'webp';
+        quality: number;
+    };
+    tab?: string;
+    timeout?: number;
+    isSplit?: boolean;
+    addStyle?: string;
+    header?: {
+        [key: string]: string;
+    };
+    pageSplitHeight?: number;
+    pageWidth?: number;
+    modelName?: string;
+    saveHtmlfile?: boolean;
+};
+export declare class YukiPuppeteerRender extends Puppeteer {
+    yukiScreenshot(htmlPath: string, Options?: ScreenshotOptions): Promise<false | {
+        img: Buffer[];
+    }>;
+}

package/lib/utils/config.js

@@ -0,0 +1,108 @@
+import * as fs from 'fs';
+import YAML from 'yaml';
+import chokidar from 'chokidar';
+import lodash from 'lodash';
+import path from 'path';
+import { _paths } from './paths.js';
+
+class Config {
+    versionPath;
+    defaultConfigPath;
+    userConfigPath;
+    defaultConfig;
+    userConfig;
+    watcher;
+    constructor() {
+        this.versionPath = path.join(_paths.pluginPath, 'CHANGELOG.md');
+        this.defaultConfigPath = path.join(_paths.pluginPath, 'defaultConfig');
+        this.defaultConfig = {};
+        this.userConfigPath = path.join(_paths.pluginPath, 'config');
+        this.userConfig = {};
+        this.watcher = {};
+        this.initConfigFiles();
+    }
+    initConfigFiles() {
+        let bilibiliSetFile = path.join(_paths.pluginPath, 'config/bilibili/config.yaml');
+        let bilibiliPushFile = path.join(_paths.pluginPath, 'config/bilibili/push.yaml');
+        let weiboSetFile = path.join(_paths.pluginPath, 'config/weibo/config.yaml');
+        let weiboPushFile = path.join(_paths.pluginPath, 'config/weibo/push.yaml');
+        const configFiles = [
+            { file: bilibiliSetFile, defaultFile: path.join(_paths.pluginPath, 'defaultConfig/bilibili/config.yaml'), dir: 'config/bilibili' },
+            { file: bilibiliPushFile, defaultFile: path.join(_paths.pluginPath, 'defaultConfig/bilibili/push.yaml'), dir: 'config/bilibili' },
+            { file: weiboSetFile, defaultFile: path.join(_paths.pluginPath, 'defaultConfig/weibo/config.yaml'), dir: 'config/weibo' },
+            { file: weiboPushFile, defaultFile: path.join(_paths.pluginPath, 'defaultConfig/weibo/push.yaml'), dir: 'config/weibo' }
+        ];
+        for (const { file, defaultFile, dir } of configFiles) {
+            if (!fs.existsSync(file)) {
+                const configDir = path.join(_paths.pluginPath, dir);
+                if (!fs.existsSync(configDir)) {
+                    fs.mkdirSync(configDir, { recursive: true });
+                }
+                fs.copyFileSync(defaultFile, file);
+            }
+        }
+    }
+    getConfigData(typeDir, appDir, functionName) {
+        const configFilePath = this.getConfigFilePath(typeDir, appDir, functionName);
+        const key = `${typeDir}_${appDir}_${functionName}`;
+        if (this[key])
+            return this[key];
+        this[key] = YAML.parse(fs.readFileSync(configFilePath, "utf8"));
+        this.watch(configFilePath, typeDir, appDir, functionName);
+        return this[key];
+    }
+    getConfigFilePath(typeDir, appDir, functionName) {
+        return path.join(_paths.pluginPath, `${typeDir}`, `${appDir}`, `${functionName}.yaml`);
+    }
+    watch(configFilePath, typeDir, appDir, functionName) {
+        const key = `${typeDir}_${appDir}_${functionName}`;
+        if (this.watcher[key])
+            return;
+        const watcher = chokidar.watch(configFilePath);
+        watcher.on("change", () => {
+            delete this[key];
+            logger.mark(`[修改配置文件][${typeDir}][${appDir}][${functionName}]`);
+            if (this[`change_${appDir}${functionName}`]) {
+                this[`change_${appDir}${functionName}`]();
+            }
+        });
+        this.watcher[key] = watcher;
+    }
+    getDefaultConfig(appDir, functionName) {
+        return this.getConfigData("defaultConfig", appDir, functionName);
+    }
+    getUserConfig(appDir, functionName) {
+        const userConfigData = this.getConfigData("config", appDir, functionName);
+        const defaultConfigData = this.getDefaultConfig(appDir, functionName);
+        return lodash.merge({}, defaultConfigData, userConfigData);
+    }
+    saveConfig(typeDir, appDir, functionName, data) {
+        const filePath = this.getConfigFilePath(typeDir, appDir, functionName);
+        if (lodash.isEmpty(data)) {
+            fs.existsSync(filePath) && fs.unlinkSync(filePath);
+        }
+        else {
+            const yamlContent = YAML.stringify(data);
+            fs.writeFileSync(filePath, yamlContent, "utf8");
+        }
+    }
+    updateConfigItem(appDir, functionName, key, value) {
+        const config = this.getUserConfig(appDir, functionName);
+        config[key] = value;
+        this.saveConfig("config", appDir, functionName, config);
+    }
+    getLatestVersion() {
+        const content = fs.readFileSync(this.versionPath, 'utf-8');
+        const versionPattern = /#\s(\d+\.\d+\.\d+)/g;
+        const match = versionPattern.exec(content);
+        if (match) {
+            return match[1];
+        }
+        else {
+            return null;
+        }
+    }
+}
+var Config$1 = new Config();
+
+export { Config$1 as default };

package/lib/utils/image.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Component, Picture, Puppeteer } from 'react-puppeteer';
+import { YukiPuppeteerRender } from './puppeteer.render.js';
+import * as index from '../components/index.js';
+
+const com = new Component();
+const yukiPuppeteerRender = new YukiPuppeteerRender();
+class Image extends Picture {
+    constructor() {
+        super();
+        this.Pup = new Puppeteer();
+        this.Pup.start();
+    }
+    async renderPage(uid, page, props = {}, ScreenshotOptions, ComponentCreateOpsion) {
+        const Page = index[page];
+        return yukiPuppeteerRender.yukiScreenshot(com.compile({
+            join_dir: page,
+            html_name: `${uid}.html`,
+            html_body: React.createElement(Page, { ...props }),
+            ...ComponentCreateOpsion
+        }), ScreenshotOptions);
+    }
+}
+var Image$1 = new Image();
+
+export { Image, Image$1 as default };

package/lib/utils/paths.js

@@ -0,0 +1,18 @@
+import { dirname, join, basename } from 'path';
+import { fileURLToPath } from 'url';
+
+const _path = process.cwd();
+const thisFilePath = dirname(fileURLToPath(import.meta.url));
+const pluginPath = join(thisFilePath, '..', '..');
+const pluginName = basename(pluginPath);
+const _paths = {
+    root: _path,
+    botData: join(_path, 'data'),
+    botYukiData: join(_path, 'data/yuki-plugin'),
+    botTempPath: join(_path, 'temp'),
+    pluginPath,
+    pluginResources: join(pluginPath, 'resources'),
+    pluginName,
+};
+
+export { _paths, pluginName };

package/lib/utils/puppeteer.render.js

@@ -0,0 +1,102 @@
+import { Puppeteer } from 'react-puppeteer';
+import fs__default from 'fs';
+import path from 'path';
+import { _paths } from './paths.js';
+
+class YukiPuppeteerRender extends Puppeteer {
+    async yukiScreenshot(htmlPath, Options) {
+        if (!(await this.isStart()))
+            return false;
+        let name = Options?.modelName ?? 'yuki-plugin';
+        let pageHeight = Options?.pageSplitHeight ?? 8000;
+        try {
+            const page = await this.browser?.newPage().catch(err => {
+                logger.error(err);
+            });
+            if (!page)
+                return false;
+            await page.setViewport({
+                width: Options?.pageWidth ?? 900,
+                height: 7500
+            });
+            if (Options?.header) {
+                await page.setExtraHTTPHeaders(Options.header);
+            }
+            await page.goto(`file://${htmlPath}`, { timeout: Options?.timeout ?? 120000, waitUntil: 'networkidle2' });
+            const body = await page.$(Options?.tab ?? 'body');
+            if (!body)
+                return false;
+            const boundingBox = await body.boundingBox();
+            const num = Options?.isSplit ? Math.ceil(boundingBox.height / pageHeight) : 1;
+            pageHeight = Math.round(boundingBox.height / num);
+            await page.setViewport({
+                width: boundingBox.width + 50,
+                height: pageHeight + 100
+            });
+            if (Options?.addStyle) {
+                await page.addStyleTag({
+                    content: Options.addStyle,
+                });
+            }
+            await page.addStyleTag({
+                content: `img[src$=".gif"] {animation-play-state: paused !important;}`
+            });
+            if (Options?.saveHtmlfile === true) {
+                const htmlContent = await page.content();
+                const Dir = path.join(_paths.root, `/temp/html/yuki-plugin/${name}/`);
+                if (!fs__default.existsSync(Dir)) {
+                    fs__default.mkdirSync(Dir, { recursive: true });
+                }
+                fs__default.writeFileSync(`${Dir}${Date.now()}.html`, htmlContent);
+            }
+            logger.info('[puppeteer] success');
+            let numSun = 0;
+            let start = Date.now();
+            const ret = new Array();
+            let buff;
+            for (let i = 1; i <= num; i++) {
+                if (i > 1) {
+                    await page.evaluate(pageHeight => {
+                        window.scrollBy(0, pageHeight);
+                    }, pageHeight);
+                    await new Promise((resolve) => setTimeout(resolve, 500));
+                }
+                let renderOptions = Options?.SOptions ?? { type: 'png' };
+                const screenshotOptions = {
+                    ...renderOptions,
+                    clip: {
+                        x: 0,
+                        y: pageHeight * (i - 1),
+                        width: Math.round(boundingBox.width),
+                        height: Math.min(pageHeight, boundingBox.height - pageHeight * (i - 1)),
+                    },
+                };
+                buff = await page.screenshot(screenshotOptions).catch(err => {
+                    logger.error('[puppeteer]', 'screenshot', err);
+                    return false;
+                });
+                numSun++;
+                if (buff !== false) {
+                    const kb = (buff?.length / 1024).toFixed(2) + "kb";
+                    logger.mark(`[图片生成][${name}][${numSun}次] ${kb} ${logger.green(`${Date.now() - start}ms`)}`);
+                    ret.push(buff);
+                }
+                else {
+                    logger.error(`[puppeteer]`, '截图失败');
+                }
+            }
+            if (ret.length === 0 || !ret[0]) {
+                logger.error(`[图片生成][${name}] 图片生成为空`);
+                return false;
+            }
+            await page.close().catch(err => logger.error(err));
+            return { img: ret };
+        }
+        catch (err) {
+            logger.error('[puppeteer] newPage', err);
+            return false;
+        }
+    }
+}
+
+export { YukiPuppeteerRender };

package/package.json

@@ -0,0 +1,106 @@
+{
+  "name": "yz-yuki-plugin",
+  "version": "1.0.1",
+  "description": "优纪插件，yunzaijs 关于 微博推送、B站推送 等功能的拓展插件",
+  "author": "snowtafir",
+  "type": "module",
+  "license": "MIT",
+  "main": "main.js",
+  "scripts": {
+    "app": "npm run css && node --no-warnings=ExperimentalWarning --loader ts-node/esm src/main.js",
+    "dev": "npm run css && nodemon",
+    "img": "npm run css && nodemon --config routes.nodemon.json",
+    "build": "npm run css:m && rollup  --config rollup.config.js",
+    "css": "tailwindcss -i ./src/input.css -o ./public/output.css",
+    "css:m": "tailwindcss -i ./src/input.css -o ./public/output.css -m",
+    "css:watch": "tailwindcss -i ./src/input.css -o ./public/output.css --watch",
+    "format": "prettier --write ."
+  },
+  "dependencies": {
+    "axios": "^1.7.2",
+    "chokidar": "^3.6.0",
+    "jsdom": "^24.1.0",
+    "json5": "^2.2.3",
+    "md5": "^2.3.0",
+    "moment": "^2.30.1",
+    "node-fetch": "^3.3.2",
+    "puppeteer": "^22.14.0",
+    "qrcode": "^1.5.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-puppeteer": "1.0.0-rc.7",
+    "redis": "^4.6.13",
+    "yaml": "^2.5.0",
+    "yarn": "^1.19.1"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^26.0.1",
+    "@rollup/plugin-image": "^3.0.3",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-replace": "^5.0.7",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^11.1.3",
+    "@types/jsdom": "^21.1.7",
+    "@types/lodash": "^4.17.7",
+    "@types/md5": "^2.3.5",
+    "@types/node": "^20.8.5",
+    "@types/node-fetch": "^2.6.11",
+    "@types/qrcode": "^1.5.5",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@types/rollup-plugin-auto-external": "^2.0.5",
+    "@types/yaml": "1.9.7",
+    "axios": "^1.7.2",
+    "chokidar": "^3.6.0",
+    "jsdom": "^24.1.0",
+    "json5": "^2.2.3",
+    "md5": "^2.3.0",
+    "node-fetch": "^3.3.2",
+    "nodemon": "^3.0.1",
+    "prettier": "^3.2.5",
+    "puppeteer": "^22.14.0",
+    "qrcode": "^1.5.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-puppeteer": "1.0.0-rc.7",
+    "redis": "^4.6.13",
+    "rollup": "^4.16.4",
+    "rollup-plugin-auto-external": "^2.0.0",
+    "rollup-plugin-copy": "^3.5.0",
+    "rollup-plugin-dts": "^6.1.1",
+    "rollup-plugin-ignore": "^1.0.10",
+    "rollup-plugin-terser": "^7.0.2",
+    "tailwindcss": "^3.4.3",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.4.5",
+    "yunzai": "^1.0.1-rc.2",
+    "yunzai-mys": "^1.0.0-rc.0"
+  },
+  "files": [
+    "public",
+    "resources",
+    "lib",
+    "defaultConfig",
+    "CHANGELOG.md",
+    "README.md",
+    "package.json",
+    "LICENSE"
+  ],
+  "types": "lib/types",
+  "exports": {
+    ".": {
+      "import": "./lib/index.js",
+      "types": "./lib/types/index.d.ts"
+    }
+  },
+  "keywords": [
+    "yunzai"
+  ],
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "engines": {
+    "node": ">=16.14.0"
+  }
+}

package/public/output.css

@@ -0,0 +1 @@
+/*! tailwindcss v3.4.7 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.m-auto{margin:auto}.mb-3{margin-bottom:.75rem}.ml-7{margin-left:1.75rem}.mt-3{margin-top:.75rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-72{height:18rem}.max-h-96{max-height:24rem}.w-32{width:8rem}.w-72{width:18rem}.w-96{width:24rem}.p-1{padding:.25rem}.p-5{padding:1.25rem}.text-center{text-align:center}.text-lg{font-size:1.125rem;line-height:1.75rem}.italic{font-style:italic}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}

package/resources/css/dynamic/Account.css

@@ -0,0 +1,68 @@
+.account {
+  position: relative;
+  display: flex;
+  margin-bottom: 20px;
+  padding: 20px;
+  border-bottom-width: 1px;
+  border-bottom-color: #ffcee6;
+  border-bottom-style: dashed;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.avatar-container {
+  position: relative;
+  display: flex;
+  align-items: center;
+  margin-left: 10px;
+}
+
+.avatar {
+  width: 95px;
+  height: 95px;
+  border-radius: 50%;
+  margin-right: 10px;
+}
+
+.pendant {
+  width: 160px;
+  height: 160px;
+  position: absolute;
+  top: -32px;
+  left: -32px;
+  z-index: 1;
+}
+
+.account-info {
+  display: flex;
+  flex-direction: column;
+  margin-left: 10px;
+}
+
+.nickname {
+  font-size: 25px;
+  font-weight: bold;
+  color: #333;
+  margin-left: 10px;
+}
+
+.timestamp {
+  font-size: 16px;
+  color: #666;
+  margin-top: 5px;
+  margin-left: 10px;
+}
+
+.logo-container {
+  display: flex;
+  flex-direction: column;
+}
+
+.bilibili-logo,
+.weibo-logo {
+  margin-left: 10px;
+}
+
+.weibo-logo {
+  max-width: 55px;
+}

package/resources/css/dynamic/Content.box.grid.4.css

@@ -0,0 +1,4 @@
+/*自适应四宫格控制*/
+.pic-item {
+    flex: 1 0 calc(50% - 10px);
+}

package/resources/css/dynamic/Content.box.grid.9.css

@@ -0,0 +1,4 @@
+/*自适应九宫格控制*/
+.pic-item {
+    flex: 1 0 calc(33.3333% - 10px);
+}

package/resources/css/dynamic/Content.css

@@ -0,0 +1,87 @@
+@font-face {
+  font-family: "iconfont";
+  src: url("./../../fonts/iconfont.16acc2.ttf");
+  font-weight: normal;
+  font-style: normal;
+}
+
+.content {
+  font-size: 20px;
+  color: #333;
+  margin-bottom: 20px;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.content-text {
+  font-family: "iconfont", Arial, sans-serif;
+}
+
+.content img {
+  max-width: 100%;
+  height: auto;
+  border-radius: 8px;
+}
+
+/*自适应九宫格*/
+.pic-content {
+  margin-top: 15px;
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.pic-item {
+  /*   flex: 1 0 calc(33.3333% - 10px); */
+  margin: 2px;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+
+.pic-item:after {
+  display: block;
+  padding-bottom: 100%;
+}
+
+/******/
+
+/**微博content图标*/
+.url-icon img {
+  left: 10px;
+  position: absolute;
+  visibility: hidden;
+}
+
+.bili-rich-text-module,
+.surl-text {
+  color: #008ac5;
+}
+
+/* 定义B站互动抽奖标签的样式 */
+.bili-rich-text-module.lottery {
+  display: inline-block;
+  padding-left: 20px;
+  /* 为图标留出空间 */
+  position: relative;
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-size: 20px 20px;
+  /* 根据你的SVG图标大小调整 */
+  background-image: url('./../../img/icon/dynamic/bili-rich-text-module-lottery.svg');
+  /* 引入SVG图标 */
+}
+
+/* 定义B站淘宝商品推广标签样式 */
+.bili-rich-text-module.goods.taobao {
+  display: inline-block;
+  padding-left: 20px;
+  /* 为图标留出空间 */
+  position: relative;
+  background-repeat: no-repeat;
+  background-position: left center;
+  background-size: 20px 20px;
+  /* 根据你的SVG图标大小调整 */
+  background-image: url('./../../img/icon/dynamic/bili-rich-text-module-goods-taobao.svg');
+  /* 引入SVG图标 */
+}

package/resources/css/dynamic/Footer.css

@@ -0,0 +1,44 @@
+@font-face {
+  font-family: "iconfont";
+  src: url("./../../fonts/iconfont.16acc2.ttf");
+  font-weight: normal;
+  font-style: normal;
+}
+
+.footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  color: #000;
+  padding: 10px 20px;
+  border-top-width: 1px;
+  border-top-color: #ff69b4;
+  border-top-style: dashed;
+}
+
+.qr-code {
+  width: 148px;
+  height: 148px;
+  border-radius: 8px;
+  border: 2px dashed #ff69b4;
+  margin-left: 20px;
+  margin-top: 20px;
+  align-items: center;
+}
+
+.footer-text-container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  font-size: 20px;
+  font-family: "iconfont", Arial, sans-serif;
+}
+
+.bili-logo-0 {
+  margin-bottom: 6px;
+}
+
+.weibo-logo-0 {
+  margin-left: 15px;
+  margin-bottom: 10px;
+}

package/resources/css/dynamic/ForwardContent.css

@@ -0,0 +1,11 @@
+.orig-container {
+  background-color: #f5f5f5 !important;
+  border-radius: 10px !important;
+  position: relative;
+}
+
+/**微博content图标*/
+.url-icon img {
+  left: 10px;
+  position: absolute;
+}

package/resources/css/dynamic/LogoText.css

@@ -0,0 +1,15 @@
+.bilibili-logo-text {
+  margin-left: 40px;
+  margin-top: 2px;
+  color: #FB7299;
+  font-size: 18px;
+  font-weight: bold;
+}
+
+.weibo-logo-text {
+  margin-left: 2px;
+  margin-top: 2px;
+  color: rgba(232 146 20);
+  font-size: 18px;
+  font-weight: bold;
+}