<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ??一站式輕松地調用各大LLM模型接口,支持GPT4、智譜、豆包、星火、月之暗面及文生圖、文生視頻 廣告
                ### List 列表 列表組件,組件名:`ts-list`、`ts-list-item`。 **使用方式:** 在`script`中引用組件 ~~~ import tsList from "./components/teaset/components/ts-list/ts-list.vue"; import tsListItem from "./components/teaset/components/ts-list/ts-list-item.vue"; export default { components: {tsList ,tsListItem } } ~~~ List 一般用法 ~~~ <ts-list> <ts-list-item title="標題文字" show-arrow="false"></ts-list-item> <ts-list-item title="標題文字"></ts-list-item> <ts-list-item title="標題文字" :show-badge="true" badge-text="12"></ts-list-item> <ts-list-item title="禁用狀態" :disabled="true" :show-badge="true" badge-text="12"></ts-list-item> </ts-list> ~~~ 帶描述信息 ~~~ <ts-list> <ts-list-item title="標題文字" note="描述信息"></ts-list-item> <ts-list-item title="標題文字" note="描述信息" :show-badge="true" badge-text="12"></ts-list-item> </ts-list> ~~~ 包含圖片 ~~~ <ts-list> <ts-list-item title="標題文字" thumb="http://img-cdn-qiniu.dcloud.net.cn/new-page/hx.png"></ts-list-item> </ts-list> ~~~ 包含圖標 ~~~ <ts-list> <ts-list-item title="標題文字" show-extra-icon="true" :extra-icon="{color: '#4cd964',size: '22',type: 'spinner'}"> </ts-list-item> </ts-list> ~~~ 顯示Switch ~~~ <ts-list> <ts-list-item title="標題文字" show-switch="true" show-arrow="false"></ts-list-item> </ts-list> ~~~ **tsListItem 屬性說明:** | 屬性名 | 類型 | 默認值 | 說明 | | --- | --- | --- | --- | | title | String | \- | 標題 | | note | String | \- | 描述 | | disabled | Boolean | false | 是否禁用 | | show-arrow | Boolean | true | 是否顯示箭頭圖標 | | show-badge | Boolean | false | 是否顯示數字角標 | | badge-text | String | \- | 數字角標內容 | | badge-type | String | \- | 數字角標類型,參考[Badge 數字角標](https://ext.dcloud.net.cn/plugin?id=21) | | show-switch | Boolean | false | 是否顯示Switch | | switch-checked | Boolean | false | Switch是否被選中 | | show-extra-icon | Boolean | false | 左側是否顯示擴展圖標 | | extra-icon | Object | \- | 擴展圖標參數,格式為`{color: '#4cd964',size: '22',type: 'spinner'}`,參考[Iocn 圖標](https://ext.dcloud.net.cn/plugin?id=28) | | thumb | String | \- | 左側縮略圖,若thumb有值,則不會顯示擴展圖標 | **tsListItem 事件說明:** | 事件稱名 | 說明 | 返回參數 | | --- | --- | --- | | click | 點擊 tsListItem 觸發事件 | \- | | switchChange | 點擊切換 Switch 時觸發 | {value:checked} |
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看