Skip to content

H
hello uni-app x

DCloud / hello uni-app x

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