Skip to content

Q
quantum-blocks-h5
Commit 7cbcbc71 authored by 郝聪敏's avatar 郝聪敏
Browse files
Options

feature: 更新组件库

parent 0b915251
Hide whitespace changes
Inline Side-by-side
Showing with 22 additions and 30 deletions
app/web/component/layout/activity/index.vue
View file @ 7cbcbc71
......@@ -11,14 +11,6 @@
<link rel="stylesheet" type="text/css" href="https://activitystatic.lkbang.net/swiper/4.5.1/css/swiper.min.css">
</head>
<body>
<div class="mainload">
<div class="container">
<svg viewBox="25 25 50 50" class="circular">
<circle cx="50" cy="50" r="20" fill="none" class="path"></circle>
</svg>
<p>内容即将呈现</p>
</div>
</div>
<div id="app"><slot></slot></div>
<template v-html="item" v-for="item in scriptSrc"></template>
</body>
......
app/web/page/activity/view/activity/index.ts
View file @ 7cbcbc71
......@@ -14,12 +14,11 @@ export default class Activity extends Mixins(TransformStyleMixin, SaMixin) {
@State(state => state.activity.gridLayout.rowHeight) rowHeight;
@Mutation('SET_PAGE_ELEMENTS') setPageElement;
@Provide('editor');
@Provide() editor = this;
isLayoutComReady = false;
showBackTop = false;
targetEle: HTMLElement | null = null;
isInServer: boolean = true;
loading: boolean = true;
get layout() {
......@@ -46,16 +45,8 @@ export default class Activity extends Mixins(TransformStyleMixin, SaMixin) {
}
mounted() {
console.log('loading', this);
this.targetEle = document.querySelector('body');
this.showBackTop = true;
this.isInServer = false;
const timer = setTimeout(() => {
this.modfiTabsStyle();
}, 700);
this.$once('hook:beforeDestroy', () => {
clearTimeout(timer);
});
}
fetchApi(options) {
......@@ -83,6 +74,7 @@ export default class Activity extends Mixins(TransformStyleMixin, SaMixin) {
layoutReadyEvent(newLayout) {
this.$nextTick(() => {
console.log('layoutReadyEvent');
const loadingEle = document.querySelector('.mainload');
if (!loadingEle) { return; }
const parentNode = loadingEle.parentNode;
......@@ -92,14 +84,16 @@ export default class Activity extends Mixins(TransformStyleMixin, SaMixin) {
modfiTabsStyle() {
const tabsEle = document.querySelector('.tabs');
// console.log('tabsEle', tabsEle);
if (tabsEle) {
const gridItemEle = tabsEle?.parentNode;
// console.log('gridItemEle', gridItemEle, gridItemEle?.classList);
if (gridItemEle?.classList.contains('vue-grid-item')) {
// 处理transform
const transform = getStyle(gridItemEle, 'transform');
const transformY = transform.split('(')[1].split(')')[0].split(',')[5];
gridItemEle.style.transform = 'none';
gridItemEle.style.top = `${transformY}px`;
gridItemEle.className += ' del_transform';
// 处理backgroundColor
const activityEle = document.querySelector('.activity');
const activityBgColor = getStyle(activityEle, 'backgroundColor');
......
app/web/page/activity/view/activity/index.vue
View file @ 7cbcbc71
......@@ -54,4 +54,8 @@
}
}
}
.del_transform {
transform: none !important;
}
</style>
app/web/view/layout.html
View file @ 7cbcbc71
<!DOCTYPE html>
<html lang="en" style="font-size: 37.5px;">
<head>
<title>低代码平台</title>
<title>羊小咩</title>
<meta name="keywords">
<meta name="description">
<meta http-equiv="content-type" content="text/html;charset=utf-8">
......@@ -11,6 +11,14 @@
<link rel="stylesheet" type="text/css" href="https://activitystatic.lkbang.net/swiper/4.5.1/css/swiper.min.css">
</head>
<body>
<div class="mainload">
<div class="container">
<svg viewBox="25 25 50 50" class="circular">
<circle cx="50" cy="50" r="20" fill="none" class="path"></circle>
</svg>
<p>内容即将呈现</p>
</div>
</div>
<div id="app"><!--vue-ssr-outlet--></div>
<!-- <script src="https://activitystatic.lkbang.net/vue/2.6.11/vue.min.js"></script> -->
<!-- <script src="https://activitystatic.lkbang.net/vue-router/3.2.0/vue-router.min.js"></script> -->
......
package-lock.json
View file @ 7cbcbc71
......@@ -1600,9 +1600,9 @@
}
},
"@qg/citrus-ui": {
"version": "0.0.48",
"resolved": "http://npmprivate.quantgroups.com/@qg%2fcitrus-ui/-/citrus-ui-0.0.48.tgz",
"integrity": "sha512-zO2HQaeZok1XbWx8/t/GEzORYBfDlCRaWuhY/N3Bf2t361odO9L9Xlm3xHdo3PD+ZlFiJPzBR3pREQkAAKsx5A==",
"version": "0.0.49",
"resolved": "http://npmprivate.quantgroups.com/@qg%2fcitrus-ui/-/citrus-ui-0.0.49.tgz",
"integrity": "sha512-AfQrts57c7WyofgTkABy6MVCWB5a5lyHWkV0a20AuMlSUboFuB+/4uauRSUGbIJP5voDWf/4VN7eV2Y48YLuKw==",
"requires": {
"@better-scroll/core": "^2.1.1",
"@qg/cherry-ui": "^2.20.5",
......@@ -1610,7 +1610,6 @@
"axios": "^0.21.1",
"intersection-observer": "^0.12.0",
"js-cookie": "^2.2.1",
"lodash-es": "^4.17.21",
"sa-sdk-javascript": "^1.16.1",
"swiper": "^4.5.1",
"vuex": "^3.6.0"
......@@ -12652,11 +12651,6 @@
"resolved": "http://npmprivate.quantgroups.com/lodash/-/lodash-4.17.21.tgz",
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
},
"lodash-es": {
"version": "4.17.21",
"resolved": "http://npmprivate.quantgroups.com/lodash-es/-/lodash-es-4.17.21.tgz",
"integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
},
"lodash._reinterpolate": {
"version": "3.0.0",
"resolved": "http://npmprivate.quantgroups.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz",
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment