68 lines
1.8 KiB
Vue
68 lines
1.8 KiB
Vue
<template>
|
|
<div class="loadsBrandDNA" ref="loadsBrandDNA">
|
|
<a-modal class="generalModel"
|
|
v-model:visible="showLoadsBrandDNA"
|
|
:footer="null"
|
|
width="70rem"
|
|
:maskClosable="false"
|
|
:mask="false"
|
|
:centered="true"
|
|
:closable="false"
|
|
:get-container="() => $refs.loadsBrandDNA"
|
|
wrapClassName="#app"
|
|
:keyboard="false"
|
|
>
|
|
<div class="generalModel_btn">
|
|
<div class="generalModel_closeIcon" @click.stop="cancelDsign()">
|
|
<svg width="100%" height="100%" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<circle cx="23" cy="23" r="23" fill="white" fill-opacity="0.3"/>
|
|
<rect x="32.5063" y="12" width="3" height="29" rx="1.5" transform="rotate(45 32.5063 12)" fill="black"/>
|
|
<rect x="34.6274" y="32.5059" width="3" height="29" rx="1.5" transform="rotate(135 34.6274 32.5059)" fill="black"/>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div>1231425324</div>
|
|
</a-modal>
|
|
</div>
|
|
</template>
|
|
<script lang="ts">
|
|
import { defineComponent,computed,ref,provide,nextTick,createVNode,toRefs, reactive} from 'vue'
|
|
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
|
|
import { Https } from "@/tool/https";
|
|
import { useStore } from "vuex";
|
|
import { useI18n } from 'vue-i18n'
|
|
export default defineComponent({
|
|
components:{
|
|
},
|
|
props:{
|
|
},
|
|
emits:[],
|
|
setup(props,{emit}) {
|
|
const store = useStore();
|
|
const data = reactive({
|
|
showLoadsBrandDNA:true,
|
|
})
|
|
const dataDom = reactive({
|
|
})
|
|
const cancelDsign = ()=>{
|
|
data.showLoadsBrandDNA = false;
|
|
}
|
|
return{
|
|
...toRefs(dataDom),
|
|
...toRefs(data),
|
|
cancelDsign,
|
|
}
|
|
},
|
|
provide() {
|
|
return {
|
|
}
|
|
},
|
|
})
|
|
</script>
|
|
<style lang="less" scoped>
|
|
.loadsBrandDNA{
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
</style> |