|
|
|
@ -1,5 +1,6 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="picRotation">
|
|
|
|
|
<div class="rotationBox">
|
|
|
|
|
<div class="picHead">
|
|
|
|
|
<div class="pageNation">
|
|
|
|
|
<el-pagination
|
|
|
|
@ -39,7 +40,9 @@
|
|
|
|
|
v-if="item.path !== null && item.path.indexOf('videos') == -1"
|
|
|
|
|
class="bigpic"
|
|
|
|
|
:style="
|
|
|
|
|
item.path ? 'backgroundImage:url(' + item.path + '!128x72)' : ''
|
|
|
|
|
item.path
|
|
|
|
|
? 'backgroundImage:url(' + item.path + '!128x72)'
|
|
|
|
|
: ''
|
|
|
|
|
"
|
|
|
|
|
>
|
|
|
|
|
<img :src="item.path + '!1280x720'" />
|
|
|
|
@ -78,6 +81,7 @@
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<el-dialog
|
|
|
|
|
title="设置"
|
|
|
|
|
:visible.sync="setdialog"
|
|
|
|
@ -339,10 +343,17 @@ export default {
|
|
|
|
|
</script>
|
|
|
|
|
<style lang="less">
|
|
|
|
|
.picRotation {
|
|
|
|
|
width: calc(100% - 32px);
|
|
|
|
|
height: calc(100% - 32px);
|
|
|
|
|
padding: 16px 16px;
|
|
|
|
|
width: calc(100% - 24px);
|
|
|
|
|
height: calc(100% - 24px);
|
|
|
|
|
padding: 12px 12px;
|
|
|
|
|
background: #ffffff;
|
|
|
|
|
.rotationBox {
|
|
|
|
|
border: 1px solid #dddddd;
|
|
|
|
|
height: calc(100% - 22px);
|
|
|
|
|
max-height: calc(100% - 22px);
|
|
|
|
|
padding: 12px;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
}
|
|
|
|
|
.picHead {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|