feat: 选项卡

components/NormalTabs/NormalTabs.vue

+<template>
+	<view class="normal-tabs">
+		<u-tabs
+			v-if="elementInfo.option.tabs.type === 'radio'"
+			:list="elementData.dataList.series"
+			:is-scroll="false"
+			:current="currentTabs"
+			:active-color="elementInfo.option.tabs.activeColor"
+			:inactive-color="elementInfo.option.tabs.color"
+			:bg-color="elementInfo.option.tabs.backgroundColor"
+			@change="handleTabsChange"
+		></u-tabs>
+		<u-input
+			v-if="elementInfo.option.tabs.type === 'select'"
+			v-model="tabsValue"
+			type="select"
+			border="true"
+			@click="show = true"
+		/>
+		<u-select
+			v-model="show"
+			:list="elementData.dataList.series"
+			:safe-area-inset-bottom="true"
+			label-name="name"
+			@confirm="handleSelectChange"
+		></u-select>
+	</view>
+</template>
+
+<script>
+	import echartElementData from '@/mixins/echartElementData.js'
+	export default {
+		name:"NormalTabs",
+		mixins: [echartElementData],
+		data() {
+			return {
+				currentTabs: 0,
+				show: false
+			};
+		},
+		computed: {
+			tabsValue() {
+				return this.elementData.dataList.series[this.currentTabs].value
+			}
+		},
+		methods: {
+			initChart() {},
+			handleTabsChange(index) {
+				this.currentTabs = index
+			},
+			handleSelectChange(e) {
+				console.log(e)
+			}
+		}
+	}
+</script>
+
+<style>
+
+</style>

pages/index/index.vue

@@ -22,6 +22,8 @@
 			<BarMixMap v-if="element.type == 'BarMixMap'" :elementInfo="element"></BarMixMap>
 			<!-- 雷达图 -->
 			<NormalRadar v-if="element.type == 'NormalRadar'" :elementInfo="element"></NormalRadar>
+			<!-- 普通选项卡 -->
+			<NormalTabs v-if="element.type == 'NormalTabs'" :elementInfo="element"></NormalTabs>
 		</view>
   </view>
 </template>