| | |
|---|
| | | <div class="content-container"> |
|---|
| | | <div class="text-filed"> |
|---|
| | | <van-field class="flex-1 text-gray-100" v-model="optionListName" @input="onInput" |
|---|
| | | :placeholder="$t('EnterName')" maxlength="24"> |
|---|
| | | :placeholder="$t('EnterName')"> |
|---|
| | | <template #button> |
|---|
| | | <span class="len">{{ optionListName.length }} / 24</span> |
|---|
| | | </template> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | |
|---|
| | | <script setup> |
|---|
| | | import { ref, onMounted, reactive } from "vue"; |
|---|
| | | import { useRouter, useRoute } from "vue-router"; |
|---|
| | | import { useI18n } from "vue-i18n"; |
|---|
| | | import { _itemUserOptionaAddList, _itemUserOptionalUpdate } from '@/service/quotes.api' |
|---|
| | | import { useQuotesStore } from '@/store/quotes.store'; |
|---|
| | | import { showSuccessToast, showToast } from 'vant'; |
|---|
| | | import { showSuccessToast,showToast } from 'vant'; |
|---|
| | | const quotesStore = useQuotesStore() |
|---|
| | | const { t } = useI18n() |
|---|
| | | const router = useRouter() |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | :deep(.van-cell) { |
|---|
| | | background-color: $input_background1; |
|---|
| | |
|---|
| | | margin-top: 10px; |
|---|
| | | padding: 0 12px; |
|---|
| | | height: 32px; |
|---|
| | | background: $selectSymbol_background; |
|---|
| | | background: $selectSymbol_background; |
|---|
| | | line-height: 32px; |
|---|
| | | font-weight: 400; |
|---|
| | | font-size: 12px; |
|---|
