XiaoMo/x-php-Admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
小陌 2024-01-08 17:38:14 +08:00
parent c8e7c5e6da
commit 2eef3ac372
1 changed files with 76 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
src/components/xAvatar/index.vue
View File

@ -9,7 +9,7 @@
<el-text style="cursor: pointer;display: inline;"> {{ copiedData[options.subfield] }} </el-text>
</label>
</div>
<el-drawer :with-header="false" append-to-body="true" v-if="visible" v-model="visible" :size="options.size || 1000" :show-close="false" style="overflow: initial;" destroy-on-close @closed="visible=false;$emit('closed')">
<el-drawer :with-header="false" append-to-body="true" v-if="visible" v-model="visible" :size="options.size || 1000" :show-close="false" style="overflow: initial;" destroy-on-close @closed="visible = false; $emit('closed')">
<el-button type="danger" @click="closeUser" class="userdrawerclose" icon="el-icon-close"> </el-button>
<x-user v-model="copiedData" :type="options.type || 'member'"></x-user>
</el-drawer>
@ -19,30 +19,30 @@
<script>
export default {
export default {
props: {
data: { type: Object, default: () => {} },
options: { type: Object, default: () => {} },
data: { type: Object, default: () => { } },
options: { type: Object, default: () => { } },
name: { type: String, default: "avatar" },
},
data() {
return {
// data: this.modelValue,
copiedData: this.data,
visible:false,
visible: false,
}
},
watch:{
watch: {
},
mounted() {
},
methods: {
closeUser(){
closeUser() {
this.visible = false;
},
getUser(){
getUser() {
// 无法找到会员
if (!this.data.uid && !this.data.uin) {
return false;
@ -50,16 +50,17 @@
this.visible = true
},
}
}
}
</script>
<style scoped>
.xavatar {
display: flex;
align-items: center;
cursor: pointer;
}
.xavatar{
display: flex;align-items: center;cursor: pointer;
}
.userdrawerclose {
.userdrawerclose {
cursor: pointer;
width: 25px;
height: 25px;
@ -78,17 +79,19 @@
padding: 6px;
font-weight: bolder;
z-index: 2;
}
}
.xavatar .input-mask {
.xavatar .input-mask {
margin-left: 28px;
z-index: 1;
position: absolute;
width: calc( 100% - 32px);
width: calc(100% - 37px);
overflow: hidden;
}
text-overflow: ellipsis;
white-space: nowrap;
}
.xavatar .input-mask::before {
.xavatar .input-mask::before {
content: "";
position: absolute;
top: 0;
@ -97,5 +100,5 @@
left: 0;
pointer-events: auto;
cursor: pointer;
}
}
</style>