| | |
| | | <template> |
| | | <div class="playInput hl_input rounded-b-[22px] input-border input-shadow" :class="{ 'rounded-t-[22px]': !currentGroupTypeIsShow }"> |
| | | <div class="playInput hl_input rounded-[22px] input-border input-shadow" > |
| | | <!-- 应用场景 --> |
| | | <div v-if="!currentGroupTypeIsShow" class="application-scenarios absolute bottom-[114%] left-4"> |
| | | <div class="application-scenarios absolute bottom-[114%] left-4"> |
| | | <div class="flex-items-center space-x-2"> |
| | | <div |
| | | class="border border-gray-400 border-solid h-8 flex-items-center px-3 py-2 rounded-2xl cursor-pointer space-x-1 hover:bg-[#c5e0ff] hover:text-[#1c86ff]" |
| | | class="border border-gray-400 border-solid h-8 flex-items-center px-3 py-2 rounded-2xl cursor-pointer space-x-1 hover:bg-[#cae3ff]" |
| | | :class="{ 'bg-[#c5e0ff]': activeGroupType === item, '!text-[#1c86ff]': activeGroupType === item }" |
| | | v-for="item in groupTypeList" |
| | | @click="groupTypeClick(item)" |
| | | > |
| | |
| | | </div> |
| | | </div> |
| | | <!-- 当前应用场景 --> |
| | | <div |
| | | v-else |
| | | <!-- <div |
| | | class="bg-[#f9fafb] rounded-t-[22px] absolute bottom-[100%] left-0 w-full input-border h-11 flex-items-center justify-between text-[14px]" |
| | | style="padding: 4px 4px 4px 18px; border-bottom: none" |
| | | > |
| | |
| | | class="ywifont ywicon-guanbi mr-3 rounded-sm p-1 hover:bg-[#eaebec] cursor-pointer" |
| | | ></span> |
| | | </el-tooltip> |
| | | </div> |
| | | </div> --> |
| | | <div class="assembly flex"> |
| | | <el-button title="插件菜单" class="label flex items-center cursor-pointer" link> |
| | | <img src="/static/images/wave/PlugIn.png" class="set-icon box-border" /> |