Commit 954dec76 authored by mhw's avatar mhw

样式调整

parent 71b2ad6e
<!-- 创建 --> <!-- 创建 -->
<template> <template>
<el-form label-position="left" ref="form" label-width="auto" :model="form" :size="defaultFormItemSize" :rules="rules" class="formWidth"> <el-form label-position="left" ref="form" label-width="auto" :model="form" :size="defaultFormItemSize" :rules="rules" class="formBox">
<!-- <el-row class="title">基本信息</el-row> --> <!-- <el-row class="title">基本信息</el-row> -->
<el-card class="box-card"> <el-card class="box-card">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
...@@ -341,8 +341,9 @@ export default { ...@@ -341,8 +341,9 @@ export default {
} }
</script> </script>
<style scoped> <style scoped>
.formWidth { .formBox {
/* width: 600px; */ height: calc(100% - 50px);
overflow: scroll;
} }
.title { .title {
font-size: 20px; font-size: 20px;
...@@ -361,4 +362,9 @@ export default { ...@@ -361,4 +362,9 @@ export default {
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-around; justify-content: space-around;
} }
.dialog-btn-layer {
position: fixed;
bottom: 20px;
right: 20px;
}
</style> </style>
...@@ -14,14 +14,11 @@ ...@@ -14,14 +14,11 @@
<div class="item" v-for="(item, index) in instructionsList" :key="index"> <div class="item" v-for="(item, index) in instructionsList" :key="index">
<div> <div>
<img class="img" :src="item.img" alt="" /> <img class="img" :src="item.img" alt="" />
<div class="itemTitle"> <div class="itemTitle">
<span class="head-index">{{ index + 1 }} &nbsp;</span>{{ item.title }} <span class="head-index">{{ index + 1 }} &nbsp;</span>{{ item.title }}
</div> </div>
<div class="itemDescribe">{{ item.describe }}</div> <div class="itemDescribe">{{ item.describe }}</div>
</div> </div>
<i v-if="instructionsList.length !== index + 1" class="el-icon-arrow-right" style="margin-left: 50px; font-size: 30px; font-weight: bolder;color:#b8babf"></i> <i v-if="instructionsList.length !== index + 1" class="el-icon-arrow-right" style="margin-left: 50px; font-size: 30px; font-weight: bolder;color:#b8babf"></i>
</div> </div>
</div> </div>
...@@ -269,7 +266,7 @@ export default { ...@@ -269,7 +266,7 @@ export default {
background-color: white; background-color: white;
width: 100%; width: 100%;
padding: 0px 20px 20px 20px; padding: 0px 20px 20px 20px;
height: 200px; height: 250px;
.instructionsList { .instructionsList {
display: flex; display: flex;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment