文章/答案/技术大牛

发布

社区首页 >问答首页 >类星体文件选择器更改q文件中选定文件名的文本颜色。

问类星体文件选择器更改q文件中选定文件名的文本颜色。
EN

Stack Overflow用户

提问于 2020-10-06 11:11:52

回答 1查看 782关注 0票数 0

类星体文件选择器组件，以在<q-file>中更改选定文件名的文本颜色。

所选择的文本文件为test.odt，如何更改它的文本颜色，例如Red

<q-file
  standout
  class="registration-field text-red"
  bg-color="blue-2"
  v-model="registrationNumber"
  color="red"
>
  <template v-slot:prepend>
    <q-icon name="o_insert_photo" size="24px" color="blue" />
  </template>
  <template v-slot:append>
    <div class="attachment text-grey-14">File</div>
  </template>
</q-file>

我试过使用风格道具color="red"，但它不起作用。

有人知道怎么做吗？

vuejs2

quasar-framework

javascript

vue.js

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-10-21 10:05:35

您可以使用file插槽并添加text-red类，它可以工作。

<q-file
  standout
  class="registration-field text-red"
  bg-color="blue-2"
  v-model="registrationNumber"
  color="red"
>
  <template v-slot:prepend>
    <q-icon name="photo" size="24px" color="blue"/>
  </template>
  <template v-slot:append>
    <div class="attachment text-grey-14">File</div>
  </template>
  <template v-slot:file="{ index, file }">
    <div class="ellipsis text-red relative-position">
      {{ file.name }}
    </div>

    <q-tooltip>
      {{ file.name }}
    </q-tooltip>
  </template>
</q-file>

Codepen- https://codepen.io/Pratik__007/pen/wvWzOoV

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/64224621

复制

相似问题

问类星体文件选择器更改q文件中选定文件名的文本颜色。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问类星体文件选择器更改q文件中选定文件名的文本颜色。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问类星体文件选择器更改q文件中选定文件名的文本颜色。
EN