155 lines
		
	
	
		
			2.4 KiB
		
	
	
	
		
			Vue
		
	
	
	
	
	
			
		
		
	
	
			155 lines
		
	
	
		
			2.4 KiB
		
	
	
	
		
			Vue
		
	
	
	
	
	
| <script>
 | |
| 
 | |
| export default {
 | |
|   onLaunch() {
 | |
|     if (uni.getUpdateManager) {
 | |
|       const updateManager = uni.getUpdateManager()
 | |
|       if (updateManager) {
 | |
|         updateManager.onUpdateReady(() => {
 | |
|           this.$dialog.alert({
 | |
|             title: '更新提示',
 | |
|             content: '新版本已经准备好,点击确认按钮重启应用!'
 | |
|           }).then(() => {
 | |
|             updateManager.applyUpdate()
 | |
|           }).catch(() => {
 | |
|           })
 | |
|         })
 | |
|       }
 | |
|     }
 | |
|   },
 | |
| }
 | |
| </script>
 | |
| 
 | |
| <style lang="scss">
 | |
| @import "~dvcp-wui/common";
 | |
| /* #ifdef MP-BAIDU */
 | |
| page {
 | |
|   width: 100%;
 | |
|   display: block;
 | |
| }
 | |
| 
 | |
| swan-template {
 | |
|   width: 100%;
 | |
|   min-height: 100%;
 | |
|   display: flex;
 | |
| }
 | |
| 
 | |
| /* 原生组件模式下需要注意组件外部样式 */
 | |
| custom-component {
 | |
|   width: 100%;
 | |
|   min-height: 100%;
 | |
|   display: flex;
 | |
| }
 | |
| 
 | |
| /* #endif */
 | |
| 
 | |
| /* #ifdef MP-ALIPAY */
 | |
| page {
 | |
|   min-height: 100vh;
 | |
| }
 | |
| 
 | |
| /* #endif */
 | |
| 
 | |
| /* 原生组件模式下需要注意组件外部样式 */
 | |
| m-input {
 | |
|   width: 100%;
 | |
|   /* min-height: 100%; */
 | |
|   display: flex;
 | |
|   flex: 1;
 | |
| }
 | |
| 
 | |
| .content {
 | |
|   display: flex;
 | |
|   flex: 1;
 | |
|   flex-direction: column;
 | |
|   background-color: #efeff4;
 | |
|   padding: 10px;
 | |
|   box-sizing: border-box;
 | |
| }
 | |
| 
 | |
| .input-group {
 | |
|   background-color: #ffffff;
 | |
|   margin-top: 20px;
 | |
|   position: relative;
 | |
| }
 | |
| 
 | |
| .input-group::before {
 | |
|   position: absolute;
 | |
|   right: 0;
 | |
|   top: 0;
 | |
|   left: 0;
 | |
|   height: 1px;
 | |
|   content: "";
 | |
|   -webkit-transform: scaleY(0.5);
 | |
|   transform: scaleY(0.5);
 | |
|   background-color: #c8c7cc;
 | |
| }
 | |
| 
 | |
| .input-group::after {
 | |
|   position: absolute;
 | |
|   right: 0;
 | |
|   bottom: 0;
 | |
|   left: 0;
 | |
|   height: 1px;
 | |
|   content: "";
 | |
|   -webkit-transform: scaleY(0.5);
 | |
|   transform: scaleY(0.5);
 | |
|   background-color: #c8c7cc;
 | |
| }
 | |
| 
 | |
| .input-row {
 | |
|   display: flex;
 | |
|   flex-direction: row;
 | |
|   position: relative;
 | |
|   font-size: 18px;
 | |
|   line-height: 40px;
 | |
| }
 | |
| 
 | |
| .input-row .title {
 | |
|   width: 72px;
 | |
|   padding-left: 15px;
 | |
| }
 | |
| 
 | |
| .input-row.border::after {
 | |
|   position: absolute;
 | |
|   right: 0;
 | |
|   bottom: 0;
 | |
|   left: 8px;
 | |
|   height: 1px;
 | |
|   content: "";
 | |
|   -webkit-transform: scaleY(0.5);
 | |
|   transform: scaleY(0.5);
 | |
|   background-color: #c8c7cc;
 | |
| }
 | |
| 
 | |
| uni-tabbar .uni-tabbar-border {
 | |
|   position: absolute;
 | |
|   left: 0;
 | |
|   top: 0;
 | |
|   width: 100%;
 | |
|   height: 0;
 | |
|   -webkit-transform: scaleY(0.5);
 | |
|   transform: scaleY(0.5);
 | |
| }
 | |
| 
 | |
| .btn-row {
 | |
|   margin-top: 25px;
 | |
|   padding: 10px;
 | |
| }
 | |
| 
 | |
| button.primary {
 | |
|   background-color: #0faeff;
 | |
| }
 | |
| 
 | |
| .flexRow {
 | |
|   display: flex;
 | |
|   align-items: center;
 | |
| }
 | |
| 
 | |
| .u-input__right-icon {
 | |
|   display: flex;
 | |
|   align-items: center;
 | |
|   margin-right: 8px;
 | |
| }
 | |
| </style>
 |