除了颜色选择图片,注册页面
This commit is contained in:
59
src/component/HomePage/fullScreenImg.vue
Normal file
59
src/component/HomePage/fullScreenImg.vue
Normal file
@@ -0,0 +1,59 @@
|
||||
<!-- <template>
|
||||
<a-image
|
||||
class="fullScreenImg"
|
||||
:src="src"
|
||||
/>
|
||||
</template> -->
|
||||
<template>
|
||||
<a-image
|
||||
class="fullScreenImg"
|
||||
:width="width"
|
||||
:src="src"
|
||||
/>
|
||||
</template>
|
||||
<script lang="ts">
|
||||
import { defineComponent } from 'vue';
|
||||
export default defineComponent({
|
||||
name: 'fullScreenImg',
|
||||
props:{
|
||||
width:{
|
||||
type:String,
|
||||
default:'100%'
|
||||
},
|
||||
center:{
|
||||
type:Boolean,
|
||||
default:false
|
||||
},
|
||||
src:{
|
||||
type:String,
|
||||
default:''
|
||||
},
|
||||
},
|
||||
setup() {
|
||||
return {};
|
||||
},
|
||||
});
|
||||
</script>
|
||||
<style lang='less'>
|
||||
.ant-image{
|
||||
height: 100%;
|
||||
.fullScreenImg{
|
||||
width: 100%;
|
||||
cursor: zoom-in;
|
||||
&.active{
|
||||
|
||||
}
|
||||
}
|
||||
.ant-image-mask{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.ant-image-preview-mask{
|
||||
.ant-image-preview-body{
|
||||
.ant-image-preview-operations{
|
||||
background: rgba(0, 0, 0, .5);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user