charles/frontend-app
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

feat:还原更新框架

Browse Source
This commit is contained in:
charles
2026-07-23 14:49:48 +08:00
parent d5a6a16ea5
commit 75c7434f79
529 changed files with 43714 additions and 68201 deletions
Download Patch File Download Diff File Expand all files Collapse all files
uni_modules/uview-plus/components/u-qrcode/qrcode.js
+110 -151
View File
@@ -18,7 +18,6 @@ let QRCode = {};
return [c0, c1];
// 3 bytes
} else {
c0 = 224 + (code >> 12);
c1 = 128 + (code >> 6 & 63);
c2 = 128 + (code & 63);
@@ -1023,25 +1022,21 @@ let QRCode = {};
QRCode = function (opt) {
//设置默认参数
this.options = {
text: '',
size: 256,
correctLevel: 3,
quietZone: 0,
background: '#ffffff',
foreground: '#000000',
text: '',
size: 256,
correctLevel: 3,
background: '#ffffff',
foreground: '#000000',
pdground: '#000000',
image: '',
imageSize: 30,
canvasId: opt.canvasId,
ctx: opt.ctx,
canvasHost: opt.canvasHost,
isNvue: opt.isNvue,
vuectx: opt.vuectx,
canvasId: opt.canvasId,
nvueContext: opt.nvueContext,
context: opt.context,
usingComponents: opt.usingComponents,
showLoading: opt.showLoading,
loadingText: opt.loadingText,
};
if (typeof opt === 'string') { // 只编码ASCII字符串
opt = {
text: opt
@@ -1088,14 +1083,8 @@ let QRCode = {};
}
return options.foreground;
}
// 创建canvas
let createCanvas = async function (options) {
let isApp = false;
// #ifdef APP
isApp = true;
// #endif
let createCanvas = function (options) {
if(options.showLoading){
uni.showLoading({
title: options.loadingText,
@@ -1103,58 +1092,48 @@ let QRCode = {};
});
}
var ctx = '';
ctx = options.ctx;
var count = qrCodeAlg.getModuleCount();
var quietZone = Math.max(0, Math.floor(options.quietZone || 0));
var renderCount = count + quietZone * 2;
var ratioSize = options.size;
var ratioImgSize = options.imageSize;
//计算每个点的长宽
var tileW = (ratioSize / renderCount).toPrecision(4);
var tileH = (ratioSize / renderCount).toPrecision(4);
//绘制
for (var row = 0; row < renderCount; row++) {
for (var col = 0; col < renderCount; col++) {
var w = (Math.ceil((col + 1) * tileW) - Math.floor(col * tileW));
var h = (Math.ceil((row + 1) * tileH) - Math.floor(row * tileH));
var qrRow = row - quietZone;
var qrCol = col - quietZone;
var isDark = qrRow >= 0 && qrCol >= 0 && qrRow < count && qrCol < count && qrCodeAlg.modules[qrRow][qrCol];
var foreground = getForeGround({
row: qrRow,
col: qrCol,
count: count,
options: options
});
setFillStyle(ctx, isDark ? foreground : options.background);
ctx.fillRect(Math.round(col * tileW), Math.round(row * tileH), w, h);
}
if (options.nvueContext) {
ctx = options.nvueContext;
} else {
ctx = uni.createCanvasContext(options.canvasId, options.context);
}
var count = qrCodeAlg.getModuleCount();
var ratioSize = options.size;
var ratioImgSize = options.imageSize;
//计算每个点的长宽
var tileW = (ratioSize / count).toPrecision(4);
var tileH = (ratioSize / count).toPrecision(4);
//绘制
for (var row = 0; row < count; row++) {
for (var col = 0; col < count; col++) {
var w = (Math.ceil((col + 1) * tileW) - Math.floor(col * tileW));
var h = (Math.ceil((row + 1) * tileW) - Math.floor(row * tileW));
var foreground = getForeGround({
row: row,
col: col,
count: count,
options: options
});
ctx.setFillStyle(qrCodeAlg.modules[row][col] ? foreground : options.background);
ctx.fillRect(Math.round(col * tileW), Math.round(row * tileH), w, h);
}
}
if (options.image) {
var x = Number(((ratioSize - ratioImgSize) / 2).toFixed(2));
var y = Number(((ratioSize - ratioImgSize) / 2).toFixed(2));
drawRoundedRect(ctx, x, y, ratioImgSize, ratioImgSize, 2, 6, true, true)
await options.vuectx.drawImage(options.image, x, y, ratioImgSize, ratioImgSize);
// 画圆角矩形
function drawRoundedRect(ctxi, x, y, width, height, r, lineWidth, fill, stroke) {
setLineWidth(ctxi, lineWidth);
setFillStyle(ctxi, options.background);
setStrokeStyle(ctxi, options.background);
ctxi.beginPath(); // draw top and top right corner
ctx.drawImage(options.image, x, y, ratioImgSize, ratioImgSize);
// 画圆角矩形
function drawRoundedRect(ctxi, x, y, width, height, r, lineWidth, fill, stroke) {
ctxi.setLineWidth(lineWidth);
ctxi.setFillStyle(options.background);
ctxi.setStrokeStyle(options.background);
ctxi.beginPath(); // draw top and top right corner
ctxi.moveTo(x + r, y);
ctxi.lineTo(x + width, y); // move to top-right corner
ctxi.arc(x + width - r, y + r, r, -Math.PI / 2, 0); // draw right side and bottom right corner
ctxi.lineTo(x + width, y + height - r);
ctxi.arc(x + width - r, y + height - r, r, 0, Math.PI / 2); // draw bottom and bottom left corner
ctxi.lineTo(x + r, y + height);
ctxi.arc(x + r, y + height - r, r, Math.PI / 2, Math.PI);// draw left and top left corner
ctxi.lineTo(x, y + r);
ctxi.arc(x + r, y + r, r, Math.PI, Math.PI * 3 / 2);
ctxi.arcTo(x + width, y, x + width, y + r, r); // draw right side and bottom right corner
ctxi.arcTo(x + width, y + height, x + width - r, y + height, r); // draw bottom and bottom left corner
ctxi.arcTo(x, y + height, x, y + height - r, r); // draw left and top left corner
ctxi.arcTo(x, y, x + r, y, r);
ctxi.closePath();
if (fill) {
ctxi.fill();
@@ -1165,61 +1144,62 @@ let QRCode = {};
}
}
setTimeout(() => {
// canvas2 绘制是自动的不需要手动绘制
if(options.isNvue || isApp){
const exportCode = () => {
// 保存到临时区域
setTimeout(() => {
if (options.canvasHost && typeof options.canvasHost.toTempFilePath === 'function') {
options.canvasHost.toTempFilePath({
width: options.width || options.size,
height: options.height || options.size,
destWidth: options.width || options.size,
destHeight: options.height || options.size,
quality: Number(1),
success: function (res) {
if (options.cbResult) {
if (!empty(res.tempFilePath)) {
options.cbResult(res.tempFilePath)
} else if (!empty(res.apFilePath)) {
options.cbResult(res.apFilePath)
} else {
options.cbResult(res.tempFilePath)
}
}
},
fail: function (res) {
console.log('绘制失败', res)
if (options.cbResult) {
options.cbResult(res)
}
},
complete: function () {
uni.hideLoading();
},
}).catch(function(res) {
console.log('绘制失败', res)
});
}
}, options.text.length + 100);
};
if (options.canvasHost && typeof options.canvasHost.draw === 'function') {
options.canvasHost.draw(true, exportCode);
} else if (ctx && typeof ctx.draw === 'function') {
ctx.draw(true, exportCode);
} else {
exportCode();
}
}
else{
options.cbResult("")
}
}, options.usingComponents ? 100 : 200);
ctx.draw(true, () => {
// 保存到临时区域
setTimeout(() => {
if (options.nvueContext) {
ctx.toTempFilePath(
0,
0,
options.width,
options.height,
options.width,
options.height,
"",
1,
function(res) {
if (options.cbResult) {
options.cbResult(res.tempFilePath)
}
}
);
} else {
uni.canvasToTempFilePath({
width: options.width,
height: options.height,
destWidth: options.width,
destHeight: options.height,
canvasId: options.canvasId,
quality: Number(1),
success: function (res) {
if (options.cbResult) {
// 由于官方还没有统一此接口的输出字段，所以先判定下 支付宝为 res.apFilePath
if (!empty(res.tempFilePath)) {
options.cbResult(res.tempFilePath)
} else if (!empty(res.apFilePath)) {
options.cbResult(res.apFilePath)
} else {
options.cbResult(res.tempFilePath)
}
}
},
fail: function (res) {
if (options.cbResult) {
options.cbResult(res)
}
},
complete: function () {
uni.hideLoading();
},
}, options.context);
}
}, options.text.length + 100);
});
}, options.usingComponents ? 0 : 150);
}
createCanvas(this.options);
// 空判定
let empty = function (v) {
let empty = function (v) {
let tp = typeof v,
rt = false;
if (tp == "number" && String(v) == "") {
@@ -1233,38 +1213,17 @@ let QRCode = {};
} else if (tp == "function") {
rt = false
}
return rt
}
function setFillStyle(ctx, value) {
if (ctx && typeof ctx.setFillStyle === 'function') {
ctx.setFillStyle(value);
} else if (ctx) {
ctx.fillStyle = value;
}
}
function setStrokeStyle(ctx, value) {
if (ctx && typeof ctx.setStrokeStyle === 'function') {
ctx.setStrokeStyle(value);
} else if (ctx) {
ctx.strokeStyle = value;
}
}
function setLineWidth(ctx, value) {
if (ctx && typeof ctx.setLineWidth === 'function') {
ctx.setLineWidth(value);
} else if (ctx) {
ctx.lineWidth = value;
}
}
};
QRCode.prototype.clear = function (fn) {
if (this.options.canvasHost && typeof this.options.canvasHost.clearCanvas === 'function') {
this.options.canvasHost.clearCanvas()
if (fn) fn()
return
}
var ctx = this.options.ctx;
ctx.clearRect(0, 0, this.options.size, this.options.size)
return rt
}
};
QRCode.prototype.clear = function (fn) {
var ctx = '';
if (options.nvueContext) {
ctx = options.nvueContext;
} else {
uni.createCanvasContext(this.options.canvasId, this.options.context)
}
ctx.clearRect(0, 0, this.options.size, this.options.size)
ctx.draw(false, () => {
if (fn) {
fn()
@@ -1273,4 +1232,4 @@ let QRCode = {};
};
})()
export default QRCode
export default QRCode
uni_modules/uview-plus/components/u-qrcode/u-qrcode.vue
+292 -423
View File
@@ -1,435 +1,304 @@
<template>
<view class="u-qrcode"
:id="rootId"
:style="{
width: useRootHeightAndWidth ? '100%' : 'auto',
height: useRootHeightAndWidth ? '100%' : 'auto',
}"
@longpress="longpress">
<view class="u-qrcode__content" @click="preview">
<up-canvas
ref="qrcodeCanvas"
class="u-qrcode__canvas"
:canvas-id="cid"
:width="sizeLocal"
:height="sizeLocal"
:unit="unit"
bg-color="transparent"
:style="{ width: sizeLocal + unit, height: sizeLocal + unit }" />
<view v-if="showLoading && loading" class="u-qrcode__loading"
:style="{ width: sizeLocal + unit, height: sizeLocal + unit }">
<up-loading-icon vertical :text="loadingText" textSize="14px"></up-loading-icon>
</view>
</view>
</view>
<view class="u-qrcode" @longpress="longpress">
<view class="u-qrcode__content" @click="preview">
<!-- #ifndef APP-NVUE -->
<canvas class="u-qrcode__canvas"
:id="cid" :canvas-id="cid" :style="{ width: size + unit, height: size + unit }" />
<!-- #endif -->
<!-- #ifdef APP-NVUE -->
<gcanvas class="u-qrcode__canvas" ref="gcanvess"
:style="{ width: size + unit, height: size + unit }">
</gcanvas>
<!-- #endif -->
<view v-if="showLoading && loading" class="u-qrcode__loading"
:style="{ width: size + unit, height: size + unit }">
<up-loading-icon vertical :text="loadingText" textSize="14px"></up-loading-icon>
</view>
<!-- <image v-show="show" :src="result" :style="{ width: size + unit, height: size + unit }" /> -->
</view>
<!-- <up-action-sheet :actions="list" cancelText="取消"
v-model:show="popupShow" @select="selectClick">
</up-action-sheet> -->
</view>
</template>
<script>
import QRCode from "./qrcode.js"
let qrcode
export default {
name: "u-qrcode",
props: {
cid: {
type: String,
default: () => {
return `u-qrcode-canvas${Math.floor(Math.random() * 1000000)}`
}
},
size: {
type: Number,
default: 200
},
unit: {
type: String,
default: 'px'
},
show: {
type: Boolean,
default: true
},
val: {
type: String,
default: ''
},
background: {
type: String,
default: '#ffffff'
},
foreground: {
type: String,
default: '#000000'
},
pdground: {
type: String,
default: '#000000'
},
icon: {
type: String,
default: ''
},
iconSize: {
type: Number,
default: 40
},
lv: {
type: Number,
default: 3
},
quietZone: {
type: Number,
default: 0
},
onval: {
type: Boolean,
default: true
},
loadMake: {
type: Boolean,
default: true
},
usingComponents: {
type: Boolean,
default: true
},
showLoading: {
type: Boolean,
default: true
},
loadingText: {
type: String,
default: '生成中'
},
allowPreview: {
type: Boolean,
default: false
},
// 是否使用根节点宽高
useRootHeightAndWidth: {
type: Boolean,
default: () => false
},
},
emits: ['preview', 'result', 'longpressCallback'],
data() {
return {
loading: false,
result: '',
popupShow: false,
list: [
{
name: '保存二维码',
}
],
rootId: `rootId${Number(Math.random() * 100).toFixed(0)}`,
canvasObj: {},
sizeLocal: this.size,
ctx: null,
isNvue: false,
canvasHost: null
}
},
async mounted(){
// 如果使用根节点的宽高 则 重新设置 size
if(this.useRootHeightAndWidth){
await this.setNewSize()
}
// #ifdef APP-NVUE
this.isNvue = true
// #endif
await this.initCanvas()
if (this.loadMake) {
if (!this._empty(this.val)) {
setTimeout(() => {
setTimeout(()=>{
this._makeCode()
})
}, 0);
}
}
},
methods: {
async _makeCode() {
let that = this
if (!this.ctx) {
await this.initCanvas(true)
}
if (!this.ctx) return
if (!this._empty(this.val)) {
// #ifndef APP-NVUE
this.loading = true
// #endif
qrcode = new QRCode({
vuectx: that, // 上下文环境
canvasId: that.cid, // canvas-id
ctx: that.ctx,
canvasHost: that.canvasHost,
isNvue: that.isNvue,
usingComponents: that.usingComponents, // 是否是自定义组件
showLoading: false, // 是否显示loading
loadingText: that.loadingText, // loading文字
text: that.val, // 生成内容
size: that.sizeLocal, // 二维码大小
width: that.sizeLocal,
height: that.sizeLocal,
background: that.background, // 背景色
foreground: that.foreground, // 前景色
pdground: that.pdground, // 定位角点颜色
quietZone: that.quietZone, // 静区宽度
correctLevel: that.lv, // 容错级别
image: that.icon, // 二维码图标
imageSize: that.iconSize,// 二维码图标大小
cbResult: function (res) { // 生成二维码的回调
that._result(res)
},
});
} else {
uni.showToast({
title: '二维码内容不能为空',
icon: 'none',
duration: 2000
});
}
},
_clearCode() {
this._result('')
if (qrcode) qrcode.clear()
},
_saveCode() {
let that = this;
if (this.result != "") {
uni.saveImageToPhotosAlbum({
filePath: that.result,
success: function () {
uni.showToast({
title: '二维码保存成功',
icon: 'success',
duration: 2000
});
}
});
} else {
this.toTempFilePath({
success: res => {
that.result = res.tempFilePath
uni.saveImageToPhotosAlbum({
filePath: that.result,
success: function () {
uni.showToast({
title: '二维码保存成功',
icon: 'success',
duration: 2000
});
}
});
},
fail: err => {
}
})
}
},
preview(e) {
// 预览图片
// console.log(this.result)
if (this.allowPreview) {
uni.previewImage({
urls: [this.result],
longPressActions: {
itemList: ['保存二维码图片'],
success: function(data) {
// console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
switch (data.tapIndex) {
case 0:
that._saveCode();
break;
}
},
fail: function(err) {
console.log(err.errMsg);
}
}
});
}
this.$emit('preview', {
url: this.result
}, e)
},
async toTempFilePath({success, fail}) {
if (!this.canvasHost) {
await this.initCanvas(true)
}
if (!this.canvasHost) {
if (fail) fail(new Error('无法获取二维码画布实例'))
return
}
this.canvasHost.toTempFilePath({
width: this.sizeLocal,
height: this.sizeLocal,
destWidth: this.sizeLocal,
destHeight: this.sizeLocal,
success,
fail
}).catch(err => {
if (fail) fail(err)
})
},
async longpress() {
this.toTempFilePath({
success: res => {
this.$emit('longpressCallback', res.tempFilePath)
},
fail: err => {
}
})
},
/**
* 使用根节点宽高 设置新的size
* @return {Promise<void>}
*/
async setNewSize(){
const rootNode = await this.getRootNode();
if (!rootNode) return
const { width , height } = rootNode;
// 将最短的设置为二维码 的size
if(width > height){
this.sizeLocal = height
}
else{
this.sizeLocal = width
}
},
async getRootNode() {
return new Promise((resolve, reject) => {
try {
const query = uni.createSelectorQuery().in(this).select(`#${this.rootId}`);
query.fields({
size: true
})
.exec((res) => {
resolve(res[0] || false)
})
} catch (e) {
console.error("获取二维码根节点失败", e)
resolve(false)
}
})
},
async initCanvas(force = false) {
await this.$nextTick()
const canvasRef = this.$refs.qrcodeCanvas
if (!canvasRef) return false
await canvasRef.initCanvas(force)
this.canvasHost = canvasRef
this.ctx = canvasRef.getRawContext()
return !!this.ctx
},
getUPCanvasContext() {
return this.canvasHost ? this.canvasHost.getRawContext() : null
},
async drawImage(url, x, y, w, h) {
try {
if (!this.canvasHost) {
await this.initCanvas(true)
}
if (this.canvasHost) {
await this.canvasHost.drawImage(url, x, y, w, h)
}
} catch (error) {
console.log('drawImage绘制出错', error)
}
<script>
import QRCode from "./qrcode.js"
// #ifdef APP-NVUE
// https://github.com/dcloudio/NvueCanvasDemo/blob/master/README.md
import {
enable,
WeexBridge
} from '../../libs/util/gcanvas/index.js';
// #endif
let qrcode
export default {
name: "u-qrcode",
props: {
cid: {
type: String,
default: 'u-qrcode-canvas' + Math.random().toString()
},
size: {
type: Number,
default: 200
},
unit: {
type: String,
default: 'px'
},
show: {
type: Boolean,
default: true
},
val: {
type: String,
default: ''
},
background: {
type: String,
default: '#ffffff'
},
foreground: {
type: String,
default: '#000000'
},
pdground: {
type: String,
default: '#000000'
},
icon: {
type: String,
default: ''
},
iconSize: {
type: Number,
default: 40
},
lv: {
type: Number,
default: 3
},
onval: {
type: Boolean,
default: true
},
loadMake: {
type: Boolean,
default: true
},
usingComponents: {
type: Boolean,
default: true
},
showLoading: {
type: Boolean,
default: true
},
loadingText: {
type: String,
default: '生成中'
},
allowPreview: {
type: Boolean,
default: false
},
},
emits: ['result', 'longpress'],
data() {
return {
loading: false,
result: '',
popupShow: false,
list: [
{
name: '保存二维码',
}
],
ganvas: null,
context: '',
canvasObj: {}
}
},
mounted: function () {
// #ifdef APP-NVUE
/*获取元素引用*/
this.ganvas = this.$refs["gcanvess"]
/*通过元素引用获取canvas对象*/
this.canvasObj = enable(this.ganvas, {
bridge: WeexBridge
})
/*获取绘图所需的上下文，目前不支持3d*/
this.context = this.canvasObj.getContext('2d')
// #endif
selectClick(index) {
switch (index) {
case 0:
alert('保存二维码')
this._saveCode();
break;
}
},
_result(res) {
this.loading = false;
this.result = res;
this.$emit('result', res);
},
_empty(v) {
let tp = typeof v,
rt = false;
if (tp == "number" && String(v) == "") {
rt = true
} else if (tp == "undefined") {
rt = true
} else if (tp == "object") {
if (JSON.stringify(v) == "{}" || JSON.stringify(v) == "[]" || v == null) rt = true
} else if (tp == "string") {
if (v == "" || v == "undefined" || v == "null" || v == "{}" || v == "[]") rt = true
} else if (tp == "function") {
rt = false
}
return rt
},
},
watch: {
size: function (n, o) {
if (n != o && !this._empty(n)) {
this.cSize = n
if (!this._empty(this.val)) {
setTimeout(() => {
this._makeCode()
}, 100);
}
}
},
val: function (n, o) {
if (this.onval) {
if (n != o && !this._empty(n)) {
setTimeout(() => {
this._makeCode()
}, 0);
}
}
}
},
computed: {
}
if (this.loadMake) {
if (!this._empty(this.val)) {
setTimeout(() => {
this._makeCode()
}, 0);
}
}
},
methods: {
_makeCode() {
let that = this
if (!this._empty(this.val)) {
// #ifndef APP-NVUE
this.loading = true
// #endif
qrcode = new QRCode({
context: that, // 上下文环境
canvasId: that.cid, // canvas-id
nvueContext: that.context,
usingComponents: that.usingComponents, // 是否是自定义组件
showLoading: false, // 是否显示loading
loadingText: that.loadingText, // loading文字
text: that.val, // 生成内容
size: that.size, // 二维码大小
background: that.background, // 背景色
foreground: that.foreground, // 前景色
pdground: that.pdground, // 定位角点颜色
correctLevel: that.lv, // 容错级别
image: that.icon, // 二维码图标
imageSize: that.iconSize,// 二维码图标大小
cbResult: function (res) { // 生成二维码的回调
that._result(res)
},
});
} else {
uni.showToast({
title: '二维码内容不能为空',
icon: 'none',
duration: 2000
});
}
},
_clearCode() {
this._result('')
qrcode.clear()
},
_saveCode() {
let that = this;
if (this.result != "") {
uni.saveImageToPhotosAlbum({
filePath: that.result,
success: function () {
uni.showToast({
title: '二维码保存成功',
icon: 'success',
duration: 2000
});
}
});
}
},
preview(e) {
// 预览图片
// console.log(this.result)
if (this.allowPreview) {
uni.previewImage({
urls: [this.result],
longPressActions: {
itemList: ['保存二维码图片'],
success: function(data) {
// console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
switch (data.tapIndex) {
case 0:
that._saveCode();
break;
}
},
fail: function(err) {
console.log(err.errMsg);
}
}
});
}
this.$emit('preview', {
url: this.result
}, e)
},
longpress() {
this.$emit('longpress', this.result)
},
selectClick(index) {
switch (index) {
case 0:
alert('保存二维码')
this._saveCode();
break;
}
},
_result(res) {
this.loading = false;
this.result = res;
this.$emit('result', res);
},
_empty(v) {
let tp = typeof v,
rt = false;
if (tp == "number" && String(v) == "") {
rt = true
} else if (tp == "undefined") {
rt = true
} else if (tp == "object") {
if (JSON.stringify(v) == "{}" || JSON.stringify(v) == "[]" || v == null) rt = true
} else if (tp == "string") {
if (v == "" || v == "undefined" || v == "null" || v == "{}" || v == "[]") rt = true
} else if (tp == "function") {
rt = false
}
return rt
}
},
watch: {
size: function (n, o) {
if (n != o && !this._empty(n)) {
this.cSize = n
if (!this._empty(this.val)) {
setTimeout(() => {
this._makeCode()
}, 100);
}
}
},
val: function (n, o) {
if (this.onval) {
if (n != o && !this._empty(n)) {
setTimeout(() => {
this._makeCode()
}, 0);
}
}
}
},
computed: {
}
}
</script>
<style lang="scss" scoped>
.u-qrcode {
&__loading {
display: flex;
justify-content: center;
align-items: center;
background-color: #f7f7f7;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
&__loading {
display: flex;
justify-content: center;
align-items: center;
background-color: #f7f7f7;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
&__content {
position: relative;
/* #ifdef MP-TOUTIAO */
/**字节小程序在编译时会出现一个 [hidde]:{ display: none !important; } 这个样式
* 会导致canvas 隐藏掉 没有找到具体原因先这样处理
*/
&__canvas {
display: block !important;
}
/* #endif */
&__content {
position: relative;
&__canvas {
position: fixed;
top: -99999rpx;
left: -99999rpx;
z-index: -99999;
}
}
&__canvas {
position: fixed;
top: -99999rpx;
left: -99999rpx;
z-index: -99999;
}
}
}
</style>