tianheng-ui 0.1.33 → 0.1.35

package/packages/TableMaking/custom/items/table/index-h5.vue

@@ -117,6 +117,8 @@ export default {
 <style lang="scss" scoped>
 .generateTable-table {
   width: 100%;
+  height: 490px;
+  overflow-y: scroll;
 
   .table-list-item {
     .table-list-item-row {

package/packages/TableMaking/custom/items/tools/index-h5.vue

@@ -43,8 +43,7 @@ export default {
   position: sticky;
   bottom: 0;
   width: 100%;
-  padding: 10px 5px;
-  background-color: white;
+  padding: 5px;
   z-index: 100;
 }
 </style>

package/packages/TableMaking/generateList.vue

@@ -93,8 +93,10 @@ export default {
   width: 300px;
   height: 649px;
   margin: auto;
-  overflow-y: scroll;
-  border: 1px solid #e5e5e5;
+  padding: 44px 10px 20px 10px;
   border-radius: 10px;
+  background-image: url('../../lib/theme-chalk/images/iPhone13.png');
+  background-size: 100% 100%;
+  overflow: hidden;
 }
 </style>

package/packages/TableMaking/widgetConfig.vue

@@ -186,10 +186,15 @@
               <i class="el-icon-set-up" @click="handleActionConfig(item)"></i>
             </div>
           </el-collapse-item>
-          <el-collapse-item
-            title="table 样式配置（电脑端）"
-            name="group-style_table"
-          >
+          <el-collapse-item name="group-style_table">
+            <el-tooltip slot="title" effect="dark" placement="top">
+              <div slot="content">
+                <span>显示边框: border</span><br />
+                <span>高度: height</span><br />
+                <!-- <span>自定义: 可自定义填写css样式</span><br /> -->
+              </div>
+              <span style="color: #409EFF;">table 样式配置（电脑端）</span>
+            </el-tooltip>
             <el-form-item label="显示边框">
               <el-switch v-model="config.table.style.table.border"> </el-switch>
             </el-form-item>
@@ -209,10 +214,16 @@
               ></el-input>
             </el-form-item>
           </el-collapse-item>
-          <el-collapse-item
-            title="cell 样式配置（移动端）"
-            name="group-style_cell"
-          >
+          <el-collapse-item name="group-style_cell">
+            <el-tooltip slot="title" effect="dark" placement="top">
+              <div slot="content">
+                <span>外边框: margin</span><br />
+                <span>内边框: padding</span><br />
+                <span>分割线: border-bottom</span><br />
+                <span>自定义: 可自定义填写css样式</span><br />
+              </div>
+              <span style="color: #409EFF;">cell 样式配置（移动端）</span>
+            </el-tooltip>
             <el-form-item label="外边距">
               <el-input
                 v-model="config.table.style.cell.margin"
@@ -244,10 +255,18 @@
               </el-input>
             </el-form-item>
           </el-collapse-item>
-          <el-collapse-item
-            title="title 样式配置（移动端）"
-            name="group-style_title"
-          >
+          <el-collapse-item name="group-style_title">
+            <el-tooltip slot="title" effect="dark" placement="top">
+              <div slot="content">
+                <span>外边框: margin</span><br />
+                <span>内边框: padding</span><br />
+                <span>宽度: width</span><br />
+                <span>对齐方式: text-align</span><br />
+                <span>颜色: color</span><br />
+                <span>自定义: 可自定义填写css样式</span><br />
+              </div>
+              <span style="color: #409EFF;">title 样式配置（移动端）</span>
+            </el-tooltip>
             <el-form-item label="外边距">
               <el-input
                 v-model="config.table.style.title.margin"
@@ -293,10 +312,18 @@
               </el-input>
             </el-form-item>
           </el-collapse-item>
-          <el-collapse-item
-            title="value 样式配置（移动端）"
-            name="group-style_value"
-          >
+          <el-collapse-item name="group-style_value">
+            <el-tooltip slot="title" effect="dark" placement="top">
+              <div slot="content">
+                <span>外边框: margin</span><br />
+                <span>内边框: padding</span><br />
+                <span>宽度: width</span><br />
+                <span>对齐方式: text-align</span><br />
+                <span>颜色: color</span><br />
+                <span>自定义: 可自定义填写css样式</span><br />
+              </div>
+              <span style="color: #409EFF;">value 样式配置（移动端）</span>
+            </el-tooltip>
             <el-form-item label="外边距">
               <el-input
                 v-model="config.table.style.value.margin"
@@ -413,7 +440,15 @@
             <el-form-item label="按钮图标">
               <th-icons v-model="dialog.data.style.icon"></th-icons>
             </el-form-item>
-            <el-form-item label="关联表单">
+            <el-form-item>
+              <el-tooltip
+                slot="label"
+                effect="dark"
+                content="按钮点击事件绑定的弹窗表单"
+                placement="top"
+              >
+                <span style="color: #409EFF;">关联表单</span>
+              </el-tooltip>
               <el-select
                 v-model="dialog.data.form"
                 style="width:100%"
@@ -430,7 +465,15 @@
                 </el-option>
               </el-select>
             </el-form-item>
-            <el-form-item label="关联接口">
+            <el-form-item>
+              <el-tooltip
+                slot="label"
+                effect="dark"
+                content="弹窗表单的确认事件绑定的接口，如果关联表单中有配置按钮的提交请求，请勿重复关联"
+                placement="top"
+              >
+                <span style="color: #409EFF;">关联接口</span>
+              </el-tooltip>
               <el-select
                 v-model="dialog.data.api"
                 style="width:100%"
@@ -491,11 +534,7 @@ export default {
         "group-sort",
         "group-hint",
         "group-network",
-        "group-button",
-        "group-style_table",
-        "group-style_cell",
-        "group-style_title",
-        "group-style_value"
+        "group-button"
       ],
       formRules: {
         "table.fieldsType": [