分页组件新增pagerCount属性

RuoYi

2021-06-10 a209b39552d0a360bd5b29af6b6cb58265f9669b

 ruoyi-ui/src/views/system/user/profile/userAvatar.vue

@@ -1,7 +1,7 @@
<template>

  <div>

    <img v-bind:src="options.img" @click="editCropper()" title="点击上传头像" class="img-circle img-lg" />

    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body @opened="modalOpened">

    <div class="user-info-head" @click="editCropper()"><img v-bind:src="options.img" title="点击上传头像" class="img-circle img-lg" /></div>

    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body @opened="modalOpened"  @close="closeDialog()">

      <el-row>

        <el-col :xs="24" :md="12" :style="{height: '350px'}">

          <vue-cropper

@@ -27,7 +27,7 @@
        <el-col :lg="2" :md="2">

          <el-upload action="#" :http-request="requestUpload" :show-file-list="false" :before-upload="beforeUpload">

            <el-button size="small">

              上传

              选择

              <i class="el-icon-upload el-icon--right"></i>

            </el-button>

          </el-upload>

@@ -136,7 +136,37 @@
    // 实时预览

    realTime(data) {

      this.previews = data;

    },

    // 关闭窗口

    closeDialog() {

      this.options.img = store.getters.avatar

     this.visible = false;

    }

  }

};

</script>
</script>

<style scoped lang="scss">

.user-info-head {

  position: relative;

  display: inline-block;

  height: 120px;

}



.user-info-head:hover:after {

  content: '+';

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  color: #eee;

  background: rgba(0, 0, 0, 0.5);

  font-size: 24px;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  cursor: pointer;

  line-height: 110px;

  border-radius: 50%;

}

</style>