# 組件名`cap4-indicator` ---- ### 引入 ```js import Cap4Indicator from 'cap4-pc-ui/lib/cap4-indicator'; import 'cap4-pc-ui/lib/cap4-indicator/css/cap4-indicator.css'; ``` ### 基礎用法 <template> <div class="demo-block" style="position:relative; height:300px;"> <cap4-indicator :loading="loading"></cap4-indicator> </div> </template> <script> export default { data() { return { loading: true }; } }; </script> ::: demo ```html <template> <div class="demo-block" style="position:relative; height:300px;"> <cap4-indicator :loading="loading"></cap4-indicator> </div> </template> <script> export default { data() { return { loading: true }; } }; </script> ``` ::: ### Attributes | 參數 | 說明 | 類型 | 可選值 | 默認值 | |---------- |------------------------------------ |---------- |------------- |-------- | |loading | 是否加載中 (必填)) | Boolean | — | | |empty | 是否無數據 (必填)) | Boolean | — | | |opacity | 設置不透明度 (必填)) | [String, Number] | — | |