月报菜单

src/components/mt-edit/components/layout/right-aside/select-item-props-setting.vue

@@ -29,6 +29,8 @@
       <el-color-picker
         v-else-if="attr_item.type === 'color' && !attr_item.disabled"
         v-model="attr_item.val"
+        :show-alpha="attr_item.showAlpha"
+        :color-format="attr_item.colorFormat"
         :disabled="attr_item?.disabled" />
       <el-switch
         v-else-if="attr_item.type === 'switch' && !attr_item.disabled"

src/components/mt-edit/store/config.ts

@@ -299,7 +299,9 @@ const sysComponentItems: ILeftAsideConfigItem[] = [
       backGroundColor: {
         title: '背景颜色',
         type: 'color',
-        val: '#ffffff'
+        val: '#ffffff',
+        showAlpha: true,
+        colorFormat: 'rgb'
       },
       boxShadow: {
         title: '阴影颜色',

src/components/mt-edit/store/types.ts

@@ -15,6 +15,8 @@ export type ILeftAsideConfigItemPublicProps = Record<
     type: ILeftAsideConfigItemPublicPropsType //属性的类型决定了修改属性的方式
     val: any
     options?: any //比如说修改属性的时候用到了下拉框，这里面就可以放下拉框的选项
+    showAlpha?: boolean //颜色选择器是否支持透明度
+    colorFormat?: string //颜色选择器的输出格式
     disabled?: boolean //如果禁用了将不会显示到右侧属性面板里，但是仍然可以通过代码修改属性
   }
 >