fix: 按照UI的意见修改样式

src/views/template/components/AddOption.vue

@@ -5,6 +5,7 @@
         title="选择字段类型"
         left-arrow
         @click-left="onClickLeft"></van-nav-bar>
+      <div class="content-wrapper">
         <div 
           v-for="(item, index) in data"
           :key="index"
@@ -37,6 +38,7 @@
             <div @click="addOption" style="color:#3F79FE;padding:17px;"><common-svg name="tianjia" style="margin-right:10px;"></common-svg>添加选项</div>
           </div>
         </div>
+      </div>
       <div class="btn-group">
         <div class="slc-btn-common right"   @click="confirmWordType">确定</div>
       </div>
@@ -130,12 +132,16 @@ export default class AddOption extends Vue {
    .add-word1{
      text-align: left;
      background: #ffffff;
+     .content-wrapper{
+       height: calc(100vh - 46px);
+       overflow: auto;
+     }
      .item{
-       padding: 0 17px;
+       padding: 15px 17px;
        .item-inner{
           display: grid;
           grid-template-columns: auto 27px;
-          grid-template-rows: repeat(2,30px);
+          grid-template-rows: repeat(2, auto);
           grid-auto-flow: column dense;
           place-items: center start;
           .active{
@@ -145,6 +151,7 @@ export default class AddOption extends Vue {
           }
           .title{
             color: #353535;
+            margin-bottom: 7px;
             font-size: 15px;
           }
           .desc{