伦理片hd-伦理片 在线播放-伦理片 在线-伦理免费在线观看-综合图片区-综合婷婷

訂閱本欄目 RSS您所在的位置: 深山工作室 > uni-app > 正文

uni-app自定義loading組件

2020/10/26 13:46:09 字體: 瀏覽 5854

這個是uni-app自定義loading的組件,以下是代碼



<template>
<!-- visible控制toast的顯隱,text為提示文本 -->
<view class="loading-toast" v-if="visible">
<view class="toast-mask"></view>
<view class="toast-tip">{{text}}</view>
</view>
</template>

<script>
export default {
name: "loading-toast",
props: {
text: {
type: String,
default: "加載中..."
},
visible: {
type: Boolean,
default: false
}
}
}
</script>

<style>
.loading-toast {
min-width: 200upx;
min-height: 200upx;
max-width: 500upx;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
font-size: 26upx;
color: #fff;
background: rgba(0, 0, 0, 0.7);
border-radius: 10upx;
}

.toast-mask {
width: 50upx;
height: 50upx;
border: 3px solid #fff;
border-radius: 50%;
margin: 0 6px;
display: inline-block;
vertical-align: middle;
clip-path: polygon(0% 0%, 100% 0%, 100% 40%, 0% 40%);
animation: rotate 1s linear infinite;
margin-bottom: 36upx;
}

@-webkit-keyframes rotate {
from {
transform: rotatez(0deg);
}

to {
transform: rotatez(360deg);
}
}

@keyframes rotate {
from {
transform: rotatez(0deg);
}

to {
transform: rotatez(360deg);
}
}
</style>

相關閱讀
超級實用且不花哨的js代碼大全( 6 )
javascript根據內容轉換為拼音
另外的一種單項的選擇
深山旅行社管理系統(tǒng)二次開發(fā)是怎么收費?
深山留言板警察出動效果
安康藍天旅行社官網
關于CSS框架的利與弊進行一些對比
asp Microsoft.XMLHTTP生成靜態(tài)頁延遲解決方案
共有0條關于《uni-app自定義loading組件》的評論
發(fā)表評論
正在加載評論......
返回頂部發(fā)表評論
呢 稱:
表 情:
內 容:
評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規(guī)。
驗證碼: 驗證碼 
網友評論聲明,請自覺遵守互聯網相關政策法規(guī)。

您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發(fā)布內容擁有處置權。

更多信息>>欄目類別選擇
百度小程序開發(fā)
微信小程序開發(fā)
微信公眾號開發(fā)
uni-app
asp函數庫
ASP
DIV+CSS
HTML
python
更多>>同類信息
uni-app開發(fā)表單input組件的一些規(guī)則說明自己預留使用
uni-app:使用uni.downloadFile下載word或pdf文件并保存到手機
小程序中利用addPhoneContact將聯系人的信息添加到手機通訊錄支持保存聯系人頭像
微信小程序打開客服提示:該小程序提供的服務出現故障,請稍后重試
微信小程序客服會話只能過button讓用戶主動觸發(fā)
uni-app開發(fā)微信小程序使用button的open-type為contact調用微信客服不能用view或者js調用
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車帝小程序
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現:無法載入您的Firefox配置文件 它可能已經丟失 或是無法訪問 問題解決集合處理辦法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機抽取信息
調整CSS類型的順序改變鏈接翻滾效果
Div+CSS布局應該注重語義、注重代碼的重用性
javascri獲取頁面實際高度
淡藍色的V2.1加強版
asp隨機數字,可以當成隨機驗證碼使用
深山行者個人網站程序V0.2 效果圖
主站蜘蛛池模板: 国产日产亚洲欧美综合另类 | 好操| 91preon国产在线观看 | 欧美一区二区在线免费观看 | 国产啪爱视频精品免视 | 91免费视频播放 | 国产传媒天美果冻 | 岛国大片在线播放免费 | 亚洲色图男人天堂 | 久热中文字幕在线精品免费 | 久久久一本 | 欧美日韩一区二区三区视频 | www青青草 | 久久青草国产手机看片福利盒子 | 天堂网在线最新版官网 | 国产一区日韩二区欧美三区 | 日韩欧美第一区二区三区 | 中文字幕第5页 | 亚洲综合色婷婷 | 国产内地激情精品毛片在线一 | 天天在线干 | 欧美精品亚洲二区 | 韩国高清a在线观看 | 久久三级毛片 | 色骚综合 | 亚洲欧美在线看 | 韩国资源视频一区二区三区 | 国产一级做a爰片... | 国产成人毛片亚洲精品不卡 | 99精品国产福利免费一区二区 | 色九九亚洲偷偷动态图 | 国产福利91精品一区二区三区 | 国产福利午夜自产拍视频在线 | 老司机狠狠k免费毛片 | 久草网视频在线观看 | 国产精品成人网 | 国产精品免费久久久免费 | 日韩一区二区三区四区五区 | 天堂在线免费观看 | 国产黄色在线观看 | 免费一级a毛片在线播出 |