@reasy-team/reasy-ui
Version:
Tenda基于Vue2.x的PC组件库。[在线示例](https://reasyteam.github.io/Reasy-UI/)
3 lines (1 loc) • 1.25 kB
CSS
.v-upload{display:inline-block;position:relative;cursor:pointer;vertical-align:top}.v-upload__file{position:absolute;width:1px;height:1px;top:0;left:0;font-size:100px;opacity:0;overflow:hidden;cursor:pointer}.v-upload__button{position:relative}.v-upload__tips{margin-top:6px;font-size:14px}.v-upload__tips--center{text-align:center}.v-upload__iframe{position:absolute;left:0;top:0;padding:0;margin:0;border:0}.v-upload__image{display:inline-block;width:80px;height:80px;vertical-align:middle;border:1px solid silver;text-align:center}.v-upload__image__icon{font-size:24px}.v-upload__image__icon--big{font-size:40px}.v-upload__image__text{font-size:14px}.v-upload__image__middle{margin-top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.v-upload__image__src{vertical-align:middle}.v-upload__row__file{width:228px;display:inline-block;border:1px solid #d8d8d8;border-right:0;line-height:30px;height:32px;border-radius:4px 0 0 4px;vertical-align:middle;font-size:14px;padding:0 8px;color:#d8d8d8;cursor:pointer}.v-upload__row__file.has-file{color:#262626}.v-upload__row__file.v-upload__row__file-disabled{cursor:not-allowed}.v-upload__row__button{border-radius:0 4px 4px 0;vertical-align:middle}