Skip to content

H
hello uni-app x

Accustomed_ / hello uni-app x
与 Fork 源项目一致

Fork自 DCloud / hello uni-app x

通知 1
Star 0
Fork 0
H
hello uni-app x
提交 8a2704a6 编写于 作者: Y yurj26
浏览文件
操作

chore: remove invalid css

上级 01083056
隐藏空白更改
内联 并排
Showing with 254 addition and 332 deletion
App.uvue
浏览文件 @ 8a2704a6
<script lang="uts">
import { state, setLifeCycleNum } from '@/store/index.uts'
import { state, setLifeCycleNum } from '@/store/index.uts'
let firstBackTime = 0
export default {
onLaunch: function () {
// 自动化测试
setLifeCycleNum(state.lifeCycleNum + 1000)
console.log('App Launch')
// 页面性能分析
// const performance = uni.getPerformance()
// const observer1: PerformanceObserver = performance.createObserver(
// (entryList: PerformanceObserverEntryList) => {
// console.log('observer1:entryList.getEntries()' +JSON.stringify(entryList.getEntries()))
// }
// )
// observer1.observe({
// entryTypes: ['render', 'navigation'],
// } as PerformanceObserverOptions)
},
onShow: function () {
// 自动化测试
setLifeCycleNum(state.lifeCycleNum + 100)
console.log('App Show')
},
onHide: function () {
// 自动化测试
setLifeCycleNum(state.lifeCycleNum - 100)
console.log('App Hide')
},
onLastPageBackPress: function () {
// 自动化测试
setLifeCycleNum(state.lifeCycleNum - 1000)
console.log('App LastPageBackPress')
if (firstBackTime == 0) {
uni.showToast({
title: '再按一次退出应用',
position: 'bottom',
})
firstBackTime = Date.now()
setTimeout(() => {
firstBackTime = 0
}, 2000)
} else if (Date.now() - firstBackTime < 2000) {
firstBackTime = Date.now()
uni.exit()
}
},
onExit(){
console.log('App Exit')
},
methods: {
increasetLifeCycleNum() {
let firstBackTime = 0
export default {
onLaunch: function () {
// 自动化测试
setLifeCycleNum(state.lifeCycleNum + 1000)
console.log('App Launch')
// 页面性能分析
// const performance = uni.getPerformance()
// const observer1: PerformanceObserver = performance.createObserver(
// (entryList: PerformanceObserverEntryList) => {
// console.log('observer1:entryList.getEntries()' +JSON.stringify(entryList.getEntries()))
// }
// )
// observer1.observe({
// entryTypes: ['render', 'navigation'],
// } as PerformanceObserverOptions)
},
onShow: function () {
// 自动化测试
setLifeCycleNum(state.lifeCycleNum + 100)
console.log('App increasetLifeCycleNum')
console.log('App Show')
},
onHide: function () {
// 自动化测试
setLifeCycleNum(state.lifeCycleNum - 100)
console.log('App Hide')
},
onLastPageBackPress: function () {
// 自动化测试
setLifeCycleNum(state.lifeCycleNum - 1000)
console.log('App LastPageBackPress')
if (firstBackTime == 0) {
uni.showToast({
title: '再按一次退出应用',
position: 'bottom',
})
firstBackTime = Date.now()
setTimeout(() => {
firstBackTime = 0
}, 2000)
} else if (Date.now() - firstBackTime < 2000) {
firstBackTime = Date.now()
uni.exit()
}
},
onExit() {
console.log('App Exit')
},
methods: {
increasetLifeCycleNum() {
setLifeCycleNum(state.lifeCycleNum + 100)
console.log('App increasetLifeCycleNum')
}
}
}
}
</script>
<style>
/*每个页面公共css */
@import "./common/uni.css";
/* #ifdef H5 */
@media screen and (min-width: 768px) {
body {
overflow-y: scroll;
}
}
/* 顶栏通栏样式 */
/* .uni-top-window {
left: 0;
right: 0;
} */
uni-page-body {
background-color: #f5f5f5 !important;
min-height: 100% !important;
height: auto !important;
}
.uni-top-window uni-tabbar .uni-tabbar {
background-color: #fff !important;
}
.uni-app--showleftwindow .hideOnPc {
display: none !important;
}
.uni-row {
flex-direction: row;
}
.uni-column {
flex-direction: column;
}
/* #endif */
</style>
/*每个页面公共css */
@import "./common/uni.css";
</style>
\ No newline at end of file
common/uni-uvue.css
浏览文件 @ 8a2704a6
/* #ifndef APP-PLUS-NVUE */
/* page {
min-height: 100%;
height: auto;
} */
/* #endif */
/* 解决头条小程序字体图标不显示问题，因为头条运行时自动插入了span标签，且有全局字体 */
/* #ifdef MP-TOUTIAO */
/* text :not(view) {
font-family: uniicons;
} */
/* #endif */
.uni-icon {
/* font-family: uniicons;
font-weight: normal; */
width: 14px;
height: 14px;
}
.uni-container {
padding: 15px;
background-color: #f8f8f8;
}
.uni-header-logo {
/* #ifdef H5 */
display: flex;
/* #endif */
padding: 15px 15px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 10rpx;
}
.uni-header-image {
width: 80px;
height: 80px;
}
.uni-text-box {
margin-bottom: 20px;
}
.hello-text {
color: #7A7E83;
font-size: 14px;
line-height: 20px;
}
.hello-link {
color: #7A7E83;
font-size: 14px;
line-height: 20px;
}
.uni-panel {
margin-bottom: 12px;
}
.text-disabled {
color: #a0a0a0;
}
.uni-panel-h {
/* #ifdef H5 */
display: flex;
/* #endif */
background-color: #ffffff;
flex-direction: row !important;
justify-content: space-between !important;
align-items: center !important;
padding: 12px;
}
/*
.uni-panel-h:active {
background-color: #f8f8f8;
}
*/
.uni-panel-h-on {
background-color: #f0f0f0;
}
.uni-panel-text {
color: #000000;
font-size: 14px;
font-weight: normal;
}
.uni-panel-icon {
margin-left: 15px;
color: #999999;
font-size: 14px;
font-weight: normal;
transform: rotate(0deg);
transition-duration: 0s;
transition-property: transform;
}
.uni-panel-icon-on {
transform: rotate(180deg);
}
.uni-navigate-item {
/* #ifdef H5 */
display: flex;
/* #endif */
flex-direction: row;
align-items: center;
background-color: #FFFFFF;
border-top-style: solid;
border-top-color: #f0f0f0;
border-top-width: 1px;
padding: 12px;
justify-content: space-between;
/* #ifdef H5 */
/* cursor: pointer; */
/* #endif */
}
.uni-navigate-item:active {
background-color: #f8f8f8;
}
.is--active {
background-color: #f8f8f8;
}
.uni-navigate-text {
color: #000000;
font-size: 14px;
font-weight: normal;
}
.uni-navigate-icon {
margin-left: 15px;
color: #999999;
font-size: 14px;
font-weight: normal;
}
.arrow {
width: 8px;
height: 8px;
border-top: 2px solid #ccc;
border-left: 2px solid #ccc;
}
.arrow-right {
transform: rotate(135deg);
}
.arrow-up {
transform: rotate(45deg);
}
.arrow-down {
transform: rotate(-135deg);
}
.uni-icon {
width: 14px;
height: 14px;
}
.uni-container {
padding: 15px;
background-color: #f8f8f8;
}
.uni-header-logo {
/* #ifdef H5 */
display: flex;
/* #endif */
padding: 15px 15px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 10rpx;
}
.uni-header-image {
width: 80px;
height: 80px;
}
.uni-text-box {
margin-bottom: 20px;
}
.hello-text {
color: #7A7E83;
font-size: 14px;
line-height: 20px;
}
.hello-link {
color: #7A7E83;
font-size: 14px;
line-height: 20px;
}
.uni-panel {
margin-bottom: 12px;
}
.text-disabled {
color: #a0a0a0;
}
.uni-panel-h {
/* #ifdef H5 */
display: flex;
/* #endif */
background-color: #ffffff;
flex-direction: row !important;
justify-content: space-between !important;
align-items: center !important;
padding: 12px;
}
/*
.uni-panel-h:active {
background-color: #f8f8f8;
}
*/
.uni-panel-h-on {
background-color: #f0f0f0;
}
.uni-panel-text {
color: #000000;
font-size: 14px;
font-weight: normal;
}
.uni-panel-icon {
margin-left: 15px;
color: #999999;
font-size: 14px;
font-weight: normal;
transform: rotate(0deg);
transition-duration: 0s;
transition-property: transform;
}
.uni-panel-icon-on {
transform: rotate(180deg);
}
.uni-navigate-item {
/* #ifdef H5 */
display: flex;
/* #endif */
flex-direction: row;
align-items: center;
background-color: #FFFFFF;
border-top-style: solid;
border-top-color: #f0f0f0;
border-top-width: 1px;
padding: 12px;
justify-content: space-between;
/* #ifdef H5 */
/* cursor: pointer; */
/* #endif */
}
.uni-navigate-item:active {
background-color: #f8f8f8;
}
.is--active {
background-color: #f8f8f8;
}
.uni-navigate-text {
color: #000000;
font-size: 14px;
font-weight: normal;
}
.uni-navigate-icon {
margin-left: 15px;
color: #999999;
font-size: 14px;
font-weight: normal;
}
\ No newline at end of file
common/uni.css
浏览文件 @ 8a2704a6
.uni-padding-wrap {
padding: 0 30rpx;
padding: 0 30rpx;
}
.uni-title {
padding: 20rpx 0;
padding: 20rpx 0;
}
.uni-title-text {
font-size: 30rpx;
font-weight: bold;
font-size: 30rpx;
font-weight: bold;
}
.uni-subtitle-text {
margin-top: 10rpx;
font-size: 24rpx;
color: #888;
font-weight: bold;
margin-top: 10rpx;
font-size: 24rpx;
color: #888;
font-weight: bold;
}
.uni-common-mb {
margin-bottom: 30rpx;
margin-bottom: 30rpx;
}
.uni-common-pb {
padding-bottom: 30rpx;
padding-bottom: 30rpx;
}
.uni-common-pl {
padding-left: 30rpx;
padding-left: 30rpx;
}
.uni-common-mt {
margin-top: 30rpx;
margin-top: 30rpx;
}
.uni-hello-text {
color: #7A7E83;
line-height: 22px;
color: #7A7E83;
line-height: 22px;
}
.uni-list {
background-color: #FFFFFF;
position: relative;
display: flex;
flex-direction: column;
border-bottom: 1px solid #c8c7cc;
background-color: #FFFFFF;
position: relative;
display: flex;
flex-direction: column;
border-bottom: 1px solid #c8c7cc;
}
.uni-list-cell {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.uni-list-cell-line {
border-bottom: 1px solid #c8c7cc;
border-bottom: 1px solid #c8c7cc;
}
.uni-list-cell-hover {
background-color: #eee;
background-color: #eee;
}
.uni-list-cell-pd {
padding: 22rpx 30rpx 22rpx 0;
padding: 22rpx 30rpx 22rpx 0;
}
.uni-list-cell-left {
padding: 0 30rpx 0 20rpx;
padding: 0 30rpx 0 20rpx;
}
.uni-list-cell-db,
.uni-list-cell-right {
flex: 1;
flex: 1;
}
.uni-label {
width: 210rpx;
font-size: 28rpx;
/* word-wrap: break-word;
word-break: break-all;
text-indent:20rpx; */
width: 210rpx;
}
.uni-input {
height: 50rpx;
padding: 15rpx 25rpx;
/* line-height: 50rpx;
font-size: 28rpx; */
background: #FFF;
flex: 1;
box-sizing: content-box;
height: 50rpx;
padding: 15rpx 25rpx;
line-height: 50rpx;
font-size: 28rpx;
background: #FFF;
flex: 1;
box-sizing: content-box;
}
.uni-flex {
/* #ifdef H5 */
display: flex;
/* #endif */
flex-direction: row;
/* #ifdef H5 */
display: flex;
/* #endif */
flex-direction: row;
}
.uni-flex-item {
flex: 1;
flex: 1;
}
.uni-row {
flex-direction: row;
flex-direction: row;
}
.uni-column {
flex-direction: column;
flex-direction: column;
}
/* 背景色 */
.uni-bg-red {
background: #F76260;
background: #F76260;
}
.uni-bg-green {
background: #09BB07;
background: #09BB07;
}
.uni-bg-blue {
background: #007AFF;
background: #007AFF;
}
.uni-btn-v {
padding: 10rpx 0;
padding: 10rpx 0;
}
.uni-btn {
margin-top: 20rpx;
margin-top: 20rpx;
}
.uni-link {
color: #576B95;
font-size: 26rpx;
color: #576B95;
font-size: 26rpx;
}
.uni-center {
flex-direction: row;
justify-content: center;
flex-direction: row;
justify-content: center;
}
/* textarea */
.uni-textarea-box {
background: #ffffff;
background: #ffffff;
}
.uni-textarea {
padding: 18rpx;
/* line-height: 1.6;
font-size: 28rpx; */
}
padding: 18rpx;
line-height: 1.6;
font-size: 28rpx;
}
\ No newline at end of file
pages/API/download-file/download-file.uvue
浏览文件 @ 8a2704a6
......@@ -9,9 +9,7 @@
<image class="img" :src="imageSrc" mode="center" />
</view>
<view v-else style="margin-top: 50px">
<view class="uni-hello-text">
点击按钮下载服务端示例图片（下载网络文件到本地临时目录）
</view>
<text class="uni-hello-text">点击按钮下载服务端示例图片（下载网络文件到本地临时目录）</text>
<view class="uni-btn-v">
<button type="primary" @tap="downloadImage">下载</button>
</view>
......
pages/API/pull-down-refresh/pull-down-refresh.uvue
浏览文件 @ 8a2704a6
......@@ -2,7 +2,7 @@
<scroll-view>
<!-- 实际开发中，长列表应该使用list-view -->
<view class="uni-padding-wrap uni-common-mt">
<view class="text" v-for="(num,index) in data" :key="index">list - {{num}}</view>
<text class="text" v-for="(num,index) in data" :key="index">list - {{num}}</text>
<view class="uni-loadmore" v-if="showLoadMore">{{loadMoreText}}</view>
</view>
</scroll-view>
......
pages/API/upload-file/upload-file.uvue
浏览文件 @ 8a2704a6
......@@ -12,8 +12,8 @@
class="image"
mode="widthFix"
></image>
<view v-else class="uni-hello-addfile" @click="chooseImage"
>+ 选择图片</view
<text v-else class="uni-hello-addfile" @click="chooseImage"
>+ 选择图片</text
>
</view>
</view>
......@@ -108,7 +108,6 @@ export default {
.uni-hello-addfile {
text-align: center;
line-height: 300rpx;
background: #fff;
padding: 50rpx;
margin-top: 10px;
......
pages/API/websocket-global/websocket-global.uvue
浏览文件 @ 8a2704a6
......@@ -3,7 +3,7 @@
<page-head title="websocket通讯示例"></page-head>
<view class="uni-padding-wrap">
<view class="uni-btn-v">
<view class="websocket-msg">{{ showMsg }}</view>
<text class="websocket-msg">{{ showMsg }}</text>
<button class="uni-btn-v" type="primary" @click="connect">
连接websocket服务
</button>
......@@ -18,8 +18,8 @@
<button class="uni-btn-v" type="primary" @click="close">
断开websocket服务
</button>
<view class="websocket-tips"
>发送消息后会收到一条服务器返回的消息（与发送的消息内容一致）</view
<text class="websocket-tips"
>发送消息后会收到一条服务器返回的消息（与发送的消息内容一致）</text
>
</view>
</view>
......
pages/API/websocket-socketTask/websocket-socketTask.uvue
浏览文件 @ 8a2704a6
......@@ -3,7 +3,7 @@
<page-head title="websocket通讯示例"></page-head>
<view class="uni-padding-wrap">
<view class="uni-btn-v">
<view class="websocket-msg">{{ showMsg }}</view>
<text class="websocket-msg">{{ showMsg }}</text>
<button class="uni-btn-v" type="primary" @click="connect">
连接websocket服务
</button>
......@@ -18,8 +18,8 @@
<button class="uni-btn-v" type="primary" @click="close">
断开websocket服务
</button>
<view class="websocket-tips"
>发送消息后会收到一条服务器返回的消息（与发送的消息内容一致）</view
<text class="websocket-tips"
>发送消息后会收到一条服务器返回的消息（与发送的消息内容一致）</text
>
</view>
</view>
......
pages/component/input/input.uvue
浏览文件 @ 8a2704a6
......@@ -292,8 +292,8 @@
.uni-input {
height: 28px;
/* line-height: 28px;
font-size: 15px; */
line-height: 28px;
font-size: 15px;
padding: 0px;
flex: 1;
background-color: #ffffff;
......
pages/tabBar/template.uvue
浏览文件 @ 8a2704a6
......@@ -9,7 +9,6 @@
<view class="uni-text-box">
<text class="hello-text">以下是部分模板示例，更多模板见插件市场：</text>
<u-link
class="hello-link"
href="https://ext.dcloud.net.cn"
:text="'https://ext.dcloud.net.cn'"
:inWhiteList="true"
......
pages/template/drop-card/card/card.uvue
浏览文件 @ 8a2704a6
......@@ -206,7 +206,6 @@
margin: 0 25rpx;
margin-top: 50px;
border-radius: 10px;
color: #FFF;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
background-color: #FFF;
transition: margin-top 300ms;
......
pages/template/swiper-vertical-video/swiper-vertical-video.uvue
浏览文件 @ 8a2704a6
......@@ -219,7 +219,6 @@
.play-btn {
width: 80rpx;
height: 80rpx;
color: #FFF;
}
.video-info {
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或