color-picker支持数值显示

This commit is contained in:
nextfu 2020-04-15 11:31:06 +08:00
parent 9751d8cfb6
commit 4293cbbcc3

View File

@ -1,4 +1,5 @@
<link href="app/editor/static/preview-templates/ccc-devtools/libs/css/materialdesignicons.min.css" rel="stylesheet" type="text/css"> <link href="app/editor/static/preview-templates/ccc-devtools/libs/css/materialdesignicons.min.css" rel="stylesheet"
type="text/css">
<link href="app/editor/static/preview-templates/ccc-devtools/libs/css/vuetify.min.css" rel="stylesheet" type="text/css"> <link href="app/editor/static/preview-templates/ccc-devtools/libs/css/vuetify.min.css" rel="stylesheet" type="text/css">
<style> <style>
html { html {
@ -93,7 +94,7 @@
<td style="padding: 10px;width: 40%;">{{ row.name }}</td> <td style="padding: 10px;width: 40%;">{{ row.name }}</td>
<td style="width: 60%;"> <td style="width: 60%;">
<v-color-picker v-if="row.type == 'color'" class="ma-2" canvas-height="80" width="259" <v-color-picker v-if="row.type == 'color'" class="ma-2" canvas-height="80" width="259"
hide-inputs v-model="selectedNode[row.key]"></v-color-picker> v-model="selectedNode[row.key]"></v-color-picker>
<v-simple-checkbox v-else-if="row.type == 'bool'" v-model="selectedNode[row.key]" <v-simple-checkbox v-else-if="row.type == 'bool'" v-model="selectedNode[row.key]"
style="padding: 10px;width: 100%;"></v-simple-checkbox> style="padding: 10px;width: 100%;"></v-simple-checkbox>
<input v-else :type="row.type" v-model="selectedNode[row.key]" <input v-else :type="row.type" v-model="selectedNode[row.key]"
@ -123,7 +124,7 @@
<td style="padding: 10px;width: 40%;">{{ row.name }}</td> <td style="padding: 10px;width: 40%;">{{ row.name }}</td>
<td style="width: 60%;"> <td style="width: 60%;">
<v-color-picker v-if="row.type == 'color'" class="ma-2" canvas-height="80" width="259" <v-color-picker v-if="row.type == 'color'" class="ma-2" canvas-height="80" width="259"
hide-inputs v-model="selectedNode[component.key][row.key]"></v-color-picker> v-model="selectedNode[component.key][row.key]"></v-color-picker>
<textarea v-else-if="row.type == 'textarea'" rows="1" <textarea v-else-if="row.type == 'textarea'" rows="1"
v-model="selectedNode[component.key][row.key]" style="padding: 10px;width: 100%;"> v-model="selectedNode[component.key][row.key]" style="padding: 10px;width: 100%;">
</textarea> </textarea>