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

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

@ -9,8 +9,8 @@
<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-button type="danger" @click="closeUser" class="userdrawerclose" icon="el-icon-close"> </el-button>
<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>
</template>
@ -19,83 +19,86 @@
<script>
export default {
props: {
data: { type: Object, default: () => {} },
options: { type: Object, default: () => {} },
name: { type: String, default: "avatar" },
},
data() {
return {
// data: this.modelValue,
copiedData: this.data,
visible:false,
}
},
watch:{
},
mounted() {
},
methods: {
closeUser(){
this.visible = false;
},
getUser(){
// 无法找到会员
if (!this.data.uid && !this.data.uin) {
return false;
}
this.visible = true
},
export default {
props: {
data: { type: Object, default: () => { } },
options: { type: Object, default: () => { } },
name: { type: String, default: "avatar" },
},
data() {
return {
// data: this.modelValue,
copiedData: this.data,
visible: false,
}
},
watch: {
},
mounted() {
},
methods: {
closeUser() {
this.visible = false;
},
getUser() {
// 无法找到会员
if (!this.data.uid && !this.data.uin) {
return false;
}
this.visible = true
},
}
}
</script>
<style scoped>
.xavatar {
display: flex;
align-items: center;
cursor: pointer;
}
.xavatar{
display: flex;align-items: center;cursor: pointer;
}
.userdrawerclose {
cursor: pointer;
width: 25px;
height: 25px;
border-radius: 50%;
font-size: 12px;
left: -10px;
top: 100px;
background-color: #9facc3;
background-repeat: no-repeat;
background-position: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
border-color: #fff;
padding: 6px;
font-weight: bolder;
z-index: 2;
}
.userdrawerclose {
cursor: pointer;
width: 25px;
height: 25px;
border-radius: 50%;
font-size: 12px;
left: -10px;
top: 100px;
background-color: #9facc3;
background-repeat: no-repeat;
background-position: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
border-color: #fff;
padding: 6px;
font-weight: bolder;
z-index: 2;
}
.xavatar .input-mask {
margin-left: 28px;
z-index: 1;
position: absolute;
width: calc(100% - 37px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.xavatar .input-mask {
margin-left: 28px;
z-index: 1;
position: absolute;
width: calc( 100% - 32px);
overflow: hidden;
}
.xavatar .input-mask::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: auto;
cursor: pointer;
}
.xavatar .input-mask::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: auto;
cursor: pointer;
}
</style>