表单分组样式

src/components/app-form-group/app-form-group.vue

 <template>
-    <ion-row class="app-form-group">
+
+        <ion-row  class="app-form-group" >
         <ion-item-divider v-if="isShowCaption" :style="{minHeight:caption?'':'10px'}"  @click="clickCollapse">
             <ion-label>
                 <span :class="titleClass">{{caption}}</span>
             </ion-label>
             <ion-icon v-show="titleBarCloseMode !== 0" class="group-collapse" :name="collapseContant ? 'chevron-back-outline' : 'chevron-down-outline'"></ion-icon>
         </ion-item-divider>
-        <ion-row v-show="!collapseContant" class="form-group-content">
+        <ion-row ref="group" v-show="!collapseContant" class="form-group-content">
             <slot></slot>
         </ion-row>
     </ion-row>
+
+
 </template>
 
 <script lang="ts">
@@ -150,6 +153,19 @@ export default class AppFormGroup extends Vue {
     public doUIAction($event: any, item: any): void {
         this.$emit('groupuiactionclick', { event: $event, item: item });
     }
+
+    /**
+     * 生命周期
+     *
+     * @type {string}
+     * @memberof AppFormGroup
+     */
+    public mounted(){
+        let groupList :any= this.$refs.group;
+        if(groupList){
+            groupList.lastElementChild.classList.add("item-last-item")
+        }
+    }
 }
 </script>
 <style lang='less'>

src/components/app-form-item/app-form-item.less

@@ -46,4 +46,7 @@
     .app-form-item-textarea{
       --padding-end: 26px;
     }
+}
+.app-form-item.item-last-item {
+    --inner-border-width: 0;
 }
\ No newline at end of file