提交 23ef6d3c 编写于 作者: H hdx

feat(pageStyle): 调整数据结构支持更多value,补充缺失的屏幕方向

上级 f277fded
...@@ -21,19 +21,17 @@ ...@@ -21,19 +21,17 @@
<text class="item-text-value">{{currentPageStyle[item.key]}}</text> <text class="item-text-value">{{currentPageStyle[item.key]}}</text>
</view> </view>
<view class="set-value" v-if="item.type == 'boolean'"> <view class="set-value" v-if="item.type == 'boolean'">
<switch :checked="item.value.getBoolean('oldValue')" <switch :checked="currentPageStyle.getBoolean(item.key)"
@change="switchChange(item.key, $event as UniSwitchChangeEvent)"> @change="switchChange(item.key, $event as UniSwitchChangeEvent)">
</switch> </switch>
</view> </view>
<view class="set-value" v-else-if="item.type == 'number'"> <view class="set-value" v-else-if="item.type == 'number'">
<slider :value="item.value.getNumber('oldValue')" :show-value="true" <slider :value="currentPageStyle.getNumber(item.key)" :show-value="true"
@change="sliderChange(item.key, $event as UniSliderChangeEvent)" /> @change="sliderChange(item.key, $event as UniSliderChangeEvent)" />
</view> </view>
<view class="set-value" v-else-if="item.type == 'string'"> <view class="set-value" v-else-if="item.type == 'string'">
<radio-group class="radio-set-value" @change="radioChange(item.key, $event as RadioGroupChangeEvent)"> <radio-group class="radio-set-value" @change="radioChange(item.key, $event as RadioGroupChangeEvent)">
<radio :value="item.value.getString('oldValue')">{{item.value.getString('oldValue')}}</radio> <radio class="radio-value" v-for="(item2, index2) in item.value" :key="index2" :value="item2" >{{item2}}</radio>
<text class="split-h"></text>
<radio :value="item.value.getString('newValue')">{{item.value.getString('newValue')}}</radio>
</radio-group> </radio-group>
</view> </view>
</view> </view>
...@@ -165,7 +163,7 @@ ...@@ -165,7 +163,7 @@
flex-direction: row; flex-direction: row;
} }
.split-h { .radio-value {
width: 15px; margin-left: 10px;
} }
</style> </style>
...@@ -2,111 +2,72 @@ ...@@ -2,111 +2,72 @@
export type PageStyleItem = { export type PageStyleItem = {
key : string key : string
type : string type : string
value : UTSJSONObject value: Array<any>
} }
export const PageStyleArray = [ export const PageStyleArray = [
{ {
key: "navigationBarBackgroundColor", key: "navigationBarBackgroundColor",
type: "string", type: "string",
value: { value: ["#007AFF", "#FFFFFF", "#000000"]
oldValue: "#F8F8F8",
newValue: "#F0F0F0",
}
}, },
{ {
key: "navigationBarTextStyle", key: "navigationBarTextStyle",
type: "string", type: "string",
value: { value: ["white", "black"]
oldValue: "white",
newValue: "black",
}
}, },
{ {
key: "navigationBarTitleText", key: "navigationBarTitleText",
type: "string", type: "string",
value: { value: ["title1", "title2", "title3"]
oldValue: "old title",
newValue: "new title",
}
}, },
{ {
key: "navigationStyle", key: "navigationStyle",
type: "string", type: "string",
value: { value: ["default", "custom"]
oldValue: "default",
newValue: "custom",
}
}, },
{ {
key: "backgroundColor", key: "backgroundColor",
type: "string", type: "string",
value: { value: ["#FFFFFF", "#000000"]
oldValue: "#ffffff",
newValue: "#000000",
}
}, },
{ {
key: "backgroundColorContent", key: "backgroundColorContent",
type: "string", type: "string",
value: { value: ["#FFFFFF", "#F0F0F0", "#000000"]
oldValue: "#ffffff",
newValue: "#000000",
}
}, },
{ {
key: "backgroundTextStyle", key: "backgroundTextStyle",
type: "string", type: "string",
value: { value: ["dark", "light"]
oldValue: "dark",
newValue: "light",
}
}, },
{ {
key: "enablePullDownRefresh", key: "enablePullDownRefresh",
type: "boolean", type: "boolean",
value: { value: [true, false]
oldValue: true,
newValue: false,
}
}, },
{ {
key: "onReachBottomDistance", key: "onReachBottomDistance",
type: "number", type: "number",
value: { value: [50, 100]
oldValue: 50,
newValue: 100,
}
}, },
{ {
key: "pageOrientation", key: "pageOrientation",
type: "string", type: "string",
value: { value: ["auto", "portrait", "landscape"]
oldValue: "auto",
newValue: "portrait",
}
}, },
{ {
key: "backgroundColorTop", key: "backgroundColorTop",
type: "string", type: "string",
value: { value: ["#FFFFFF", "#000000"]
oldValue: "#ffffff",
newValue: "#000000",
}
}, },
{ {
key: "backgroundColorBottom", key: "backgroundColorBottom",
type: "string", type: "string",
value: { value: ["#FFFFFF", "#000000"]
oldValue: "#ffffff",
newValue: "#000000",
}
}, },
{ {
key: "navigationBarAutoBackButton", key: "navigationBarAutoBackButton",
type: "boolean", type: "boolean",
value: { value: [true, false]
oldValue: true,
newValue: false,
}
}] as PageStyleItem[] }] as PageStyleItem[]
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册