public/dataease
1
0
Fork 0
mirror of https://github.com/dataease/dataease.git synced 2026-05-23 22:08:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(仪表板): 网页组件文案优化

Browse Source
This commit is contained in:
wangjiahao
2022-12-19 17:45:20 +08:00
parent e4fe60da53
commit 913aa3fcb3
4 changed files with 63 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
frontend/src/components/canvas/customComponent/DeFrame.vue
View File

@@ -44,7 +44,12 @@
v-else
class="info-class"
>
{{ $t('panel.web_add_tips') }}
<span>{{ $t('panel.web_add_tips_pre') }}</span>
<i
slot="reference"
class="icon iconfont icon-chaolianjie"
/>
<span>{{ $t('panel.web_add_tips_suf') }}</span>
</div>
</el-row>
</template>
@@ -53,6 +58,7 @@
import { mapState } from 'vuex'
import bus from '@/utils/bus'
import eventBus from '@/components/canvas/utils/eventBus'
export default {
name: 'DeFrame',
props: {
@@ -121,51 +127,56 @@ export default {
</script>
<style>
.info-class{
text-align: center;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255,255,255,0.3);
font-size: 12px;
color: #9ea6b2;
}
.info-class {
text-align: center;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.3);
font-size: 12px;
color: #9ea6b2;
}
.main-frame{
height: 100%;
width: 100%;
}
.frame-mask {
display: flex;
opacity: 0.5;
position:absolute;
top:0px;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}
.edit-mask{
left: 0px;
background-color: #5c5e61;
height: 100%!important;
width: 100% !important;
}
.preview-top-mask{
left: 0px;
height: 15px!important;
width: 100% !important;
}
.preview-right-mask{
right: 0px;
height: 100%!important;
width: 15px !important;
}
.preview-left-mask{
left: 0px;
height: 100%!important;
width: 15px !important;
}
.main-frame {
height: 100%;
width: 100%;
}
.frame-mask {
display: flex;
opacity: 0.5;
position: absolute;
top: 0px;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}
.edit-mask {
left: 0px;
background-color: #5c5e61;
height: 100% !important;
width: 100% !important;
}
.preview-top-mask {
left: 0px;
height: 15px !important;
width: 100% !important;
}
.preview-right-mask {
right: 0px;
height: 100% !important;
width: 15px !important;
}
.preview-left-mask {
left: 0px;
height: 100% !important;
width: 15px !important;
}
</style>