档案合集滚动条样式修改

master
wanglei 2 years ago
parent ed2c67c791
commit 82bfaa7623

@ -205,7 +205,7 @@
<el-col :span="8">
<el-carousel height="600px" v-if="form.pictures" :autoplay="false">
<el-carousel-item v-for="item in form.pictures.split(',')" :key="item">
<div style="height: 600px; overflow: auto">
<div class="jc_sb_img" style="height: 600px; overflow: auto">
<el-image style="height:850px; width: 100%" :src="item" fit="contain" :preview-src-list="[item]"></el-image>
</div>
</el-carousel-item>
@ -364,7 +364,7 @@
<el-col :span="8">
<el-carousel height="600px" :autoplay="false">
<el-carousel-item v-for="item in shiBieList" :key="item.id">
<div style="height: 600px; overflow: auto">
<div class="jc_sb_img" style="height: 600px; overflow: auto">
<el-image style="height:850px; width: 100%" :src="item.picUrl" fit="contain" :preview-src-list="[item.picUrl]"></el-image>
</div>
</el-carousel-item>
@ -1012,4 +1012,18 @@ export default {
.el-carousel__item{
background-color: #b5c2d2;
}
.jc_sb_img::-webkit-scrollbar{
width: 10px;
height: 10px;
}
.jc_sb_img::-webkit-scrollbar-thumb{
background-color: #54b5ba;
}
.jc_sb_img::-webkit-scrollbar-track{
background-color: #cccccc;
}
</style>

@ -182,7 +182,7 @@
<el-col :span="8">
<el-carousel height="600px" v-if="form.pictures" :autoplay="false">
<el-carousel-item v-for="item in form.pictures.split(',')" :key="item">
<div style="height: 600px; overflow: auto">
<div class="jc_sb_img" style="height: 600px; overflow: auto">
<el-image style="width:380px" :src="item" fit="contain" :preview-src-list="[item]"></el-image>
</div>
</el-carousel-item>
@ -289,18 +289,18 @@
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-col :span="12">
<el-form-item label="签发有效时间起" prop="sDate" label-width="110px">
<el-input v-model="form.sDate" placeholder="请输入签发有效时间起" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-col :span="12">
<el-form-item label="签发有效时间止" prop="eDate" label-width="110px">
<el-input v-model="form.eDate" placeholder="请输入签发有效时间止" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="承办人" prop="cbr" label-width="70px">
<el-col :span="24">
<el-form-item label="承办人" prop="cbr" label-width="80px">
<el-input v-model="form.cbr" placeholder="请输入承办人" />
</el-form-item>
</el-col>
@ -344,7 +344,7 @@
<el-col :span="8">
<el-carousel height="600px" :autoplay="false">
<el-carousel-item v-for="item in shiBieList" :key="item.id">
<div style="height: 600px; overflow: auto">
<div class="jc_sb_img" style="height: 600px; overflow: auto">
<el-image style="width:380px" :src="item.picUrl" fit="contain" :preview-src-list="[item.picUrl]"></el-image>
</div>
</el-carousel-item>
@ -451,17 +451,17 @@
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-col :span="12">
<el-form-item label="签发有效时间起" prop="sDate" label-width="110px">
<el-input v-model="form.sDate" placeholder="请输入签发有效时间起" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-col :span="12">
<el-form-item label="签发有效时间止" prop="eDate" label-width="110px">
<el-input v-model="form.eDate" placeholder="请输入签发有效时间止" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-col :span="24">
<el-form-item label="承办人" prop="cbr" label-width="70px">
<el-input v-model="form.cbr" placeholder="请输入承办人" />
</el-form-item>
@ -666,12 +666,12 @@ export default {
muPath: [
{ required: true, message: "档案目录路径不能为空", trigger: "blur" }
],
fwUnit: [
/*fwUnit: [
{ required: true, message: "发文单位不能为空", trigger: "blur" }
],
wjXh: [
{ required: true, message: "文件序号不能为空", trigger: "blur" }
],
],*/
},
//
shenHe:{
@ -998,4 +998,17 @@ export default {
.el-carousel__item{
background-color: #b5c2d2;
}
.jc_sb_img::-webkit-scrollbar{
width: 10px;
height: 10px;
}
.jc_sb_img::-webkit-scrollbar-thumb{
background-color: #54b5ba;
}
.jc_sb_img::-webkit-scrollbar-track{
background-color: #cccccc;
}
</style>

@ -193,8 +193,8 @@
<el-col :span="8">
<el-carousel height="550px" v-if="form.pictures" :autoplay="false">
<el-carousel-item v-for="item in form.pictures.split(',')" :key="item">
<div style="height: 550px; overflow: auto">
<el-image style="width:380px" :src="item" fit="contain" :preview-src-list="[item]"></el-image>
<div class="jc_sb_img" style="height: 550px; overflow: auto">
<el-image style="width:400px" :src="item" fit="contain" :preview-src-list="[item]"></el-image>
</div>
</el-carousel-item>
</el-carousel>
@ -331,8 +331,8 @@
<el-col :span="8">
<el-carousel height="550px" :autoplay="false">
<el-carousel-item v-for="item in shiBieList" :key="item.id">
<div style="height: 550px; overflow: auto">
<el-image style="width:380px" :src="item.picUrl" fit="contain" :preview-src-list="[item.picUrl]"></el-image>
<div class="jc_sb_img" style="height: 550px; overflow: auto">
<el-image style="width:400px" :src="item.picUrl" fit="contain" :preview-src-list="[item.picUrl]"></el-image>
</div>
</el-carousel-item>
</el-carousel>
@ -947,4 +947,17 @@ export default {
.el-carousel__item{
background-color: #b5c2d2;
}
.jc_sb_img::-webkit-scrollbar{
width: 10px;
height: 10px;
}
.jc_sb_img::-webkit-scrollbar-thumb{
background-color: #54b5ba;
}
.jc_sb_img::-webkit-scrollbar-track{
background-color: #cccccc;
}
</style>

@ -191,7 +191,7 @@
<el-col :span="8">
<el-carousel height="600px" v-if="form.pictures" :autoplay="false">
<el-carousel-item v-for="item in form.pictures.split(',')" :key="item">
<div style="height: 600px; overflow: auto">
<div class="jc_sb_img" style="height: 600px; overflow: auto">
<el-image style="width:380px" :src="item" fit="contain" :preview-src-list="[item]"></el-image>
</div>
</el-carousel-item>
@ -365,7 +365,7 @@
<el-col :span="8">
<el-carousel height="600px" :autoplay="false">
<el-carousel-item v-for="item in shiBieList" :key="item.id">
<div style="height: 600px; overflow: auto">
<div class="jc_sb_img" style="height: 600px; overflow: auto">
<el-image style="width:380px" :src="item.picUrl" fit="contain" :preview-src-list="[item.picUrl]"></el-image>
</div>
</el-carousel-item>
@ -1026,3 +1026,22 @@ export default {
}
};
</script>
<style lang="scss" scoped>
.el-carousel__item{
background-color: #b5c2d2;
}
.jc_sb_img::-webkit-scrollbar{
width: 10px;
height: 10px;
}
.jc_sb_img::-webkit-scrollbar-thumb{
background-color: #54b5ba;
}
.jc_sb_img::-webkit-scrollbar-track{
background-color: #cccccc;
}
</style>

@ -217,7 +217,7 @@
<el-col :span="10">
<el-carousel height="700px" v-if="form.pictures" :autoplay="false">
<el-carousel-item v-for="item in form.pictures.split(',')" :key="item">
<div style="height: 700px; overflow: auto">
<div class="jc_sb_img" style="height: 700px; overflow: auto">
<el-image style="width:500px;" :src="item" fit="contain" :preview-src-list="[item]"></el-image>
</div>
</el-carousel-item>
@ -418,7 +418,7 @@
<el-col :span="10">
<el-carousel height="700px" :autoplay="false">
<el-carousel-item v-for="item in shiBieList" :key="item.id">
<div style="height: 700px; overflow: auto">
<div class="jc_sb_img" style="height: 700px; overflow: auto">
<el-image style="width:500px;" :src="item.picUrl" fit="contain" :preview-src-list="[item.picUrl]"></el-image>
</div>
</el-carousel-item>
@ -1132,4 +1132,18 @@ export default {
margin-bottom: 10px;
}
}
.jc_sb_img::-webkit-scrollbar{
width: 10px;
height: 10px;
}
.jc_sb_img::-webkit-scrollbar-thumb{
background-color: #54b5ba;
}
.jc_sb_img::-webkit-scrollbar-track{
background-color: #cccccc;
}
</style>

Loading…
Cancel
Save