..

src/pages/user/reportdetail.js

@@ -533,7 +533,7 @@ class ReportDetail extends Component {
           <Picker mode='selector' range={this.state.selector} rangeKey="name"
             onChange={this.onChange}
           >
-            <Button>+添加新项</Button>
+            <Button style={{ background: "#0079c2", color: "#fff" }}>+添加新项</Button>
           </Picker>
         </View>
         <View className='home-line' />
@@ -583,7 +583,9 @@ class ReportDetail extends Component {
               </View>
               {/* <View className='home-item-editor' contenteditable="true">{item.content || "请填写内容..."}</View> */}
               <View className='home-item-bottom'>
+                <View></View>
                 <Button
+                  style={{ margin: 0 }}
                   size='mini'
                   type='primary'
                   onClick={() => {
@@ -598,10 +600,10 @@ class ReportDetail extends Component {
           <Picker mode='selector' range={chapterType} rangeKey="title"
             onChange={this.onChapterChange}
           >
-            <Button>+添加章节</Button>
+            <Button style={{ background: "#0079c2", color: "#fff" }}>+添加章节</Button>
           </Picker>
         </View>
-        <View className='home-item' style={{ marginTop: 60, paddingBottom: 30 }}>
+        <View className='home-item' style={{ marginTop: 30, paddingBottom: 30 }}>
           <Button type='primary' onClick={this.onSubsmit}>保存</Button>
         </View>
         {/* 新增项 */}

src/pages/user/templatedetail.scss

@@ -88,8 +88,9 @@
     }
 
     &-bottom {
-      width: 20%;
-      margin-left: 80%;
+      display: flex;
+      justify-content: space-between;
+      width: 100%;
       margin-top: 15px;
       margin-bottom: 20px;