From 17efddc6a667670dca682bf36b51a43e99615e6d Mon Sep 17 00:00:00 2001
From: k94314517 <8417338+k94314517@user.noreply.gitee.com>
Date: 星期三, 16 十月 2024 15:59:38 +0800
Subject: [PATCH] 代码初始化
---
h5/App.vue | 280 ++++++++++++++++++++++++++++++--------------------------
1 files changed, 150 insertions(+), 130 deletions(-)
diff --git a/h5/App.vue b/h5/App.vue
index 71871fd..137957d 100644
--- a/h5/App.vue
+++ b/h5/App.vue
@@ -1,37 +1,15 @@
<script>
+import { wxAuthorize, refreshToken } from '@/api'
export default {
- onLaunch: function () {
- var that = this
- if (!that.$store.state.openid) {
- let url = window.location.href
- let code = ''
- if (url.indexOf('code=') !== -1) {
- const query = url.split('?')
-
- for (const q of query) {
- if (q.indexOf('code=') !== -1) {
- code = q.substring(q.indexOf('code=') + 5, q.length)
- }
- }
- that.$u.api.wxAuthorize({
- code: code
- }).then(res => {
- if (res.code === 200) {
- that.$store.commit('setOpenId', res.data.openid)
- if (res.data.member) {
- that.$store.commit('setMember', res.data.member)
- }
- }
- })
- }
- }
- },
- onShow: function () {
- console.log('App Show')
- },
- onHide: function () {
- console.log('App Hide')
- }
+ onLaunch: function () {
+
+ },
+ onShow: function () {
+ console.log('App Show')
+ },
+ onHide: function () {
+ console.log('App Hide')
+ }
}
</script>
@@ -40,181 +18,223 @@
@import "uview-ui/index.scss";
.flex-cb {
- display: flex;
- justify-content: space-between;
- align-items: center;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
}
.container {
- height: 100%;
- width: 100%;
- max-width: 800rpx;
- overflow-y: auto;
+ height: 100%;
+ width: 100%;
+ max-width: 800rpx;
+ overflow-y: auto;
}
.doumee-container .ivu-tabs-nav {
- width: 100%;
+ width: 100%;
}
.doumee-container .ivu-tabs-nav .ivu-tabs-tab {
- width: calc(100% / 3);
+ width: calc(100% / 3);
}
.doumee-container .ivu-tabs-nav .ivu-tabs-tab {
- margin-right: 0;
- text-align: center;
+ margin-right: 0;
+ text-align: center;
}
.cell {
- background-color: #fff;
- display: flex;
- justify-content: space-between;
- align-items: center;
- min-height: 100rpx;
- padding: 24rpx 30rpx;
- box-sizing: border-box;
- border-bottom: 1rpx solid #eee;
- font-size: 15rpx;
- position: relative;
+ background-color: #fff;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ min-height: 100rpx;
+ padding: 24rpx 30rpx;
+ box-sizing: border-box;
+ border-bottom: 1rpx solid #eee;
+ font-size: 15rpx;
+ position: relative;
}
.cell .title {
- flex-shrink: 0;
- color: #222;
- line-height: 20rpx;
- height: 20rpx;
- width: 28%;
- margin-right: 5%;
+ flex-shrink: 0;
+ color: #222;
+ line-height: 20rpx;
+ height: 20rpx;
+ width: 28%;
+ margin-right: 5%;
}
.cell .content {
- flex: 1;
- font-size: 28rpx;
- font-weight: 400;
- color: #999999;
- display: flex;
- align-items: center;
- justify-content: flex-end;
+ flex: 1;
+ font-size: 28rpx;
+ font-weight: 400;
+ color: #999999;
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
}
.cell .content .input {
- width: 100%;
- height: 100%;
- font-size: 28rpx;
- font-weight: 400;
- color: #333333;
- text-align: right;
+ width: 100%;
+ height: 100%;
+ font-size: 28rpx;
+ font-weight: 400;
+ color: #333333;
+ text-align: right;
}
.cell.is-link::after {
- content: '';
- display: block;
- width: 8rpx;
- height: 8rpx;
- transform: rotate(-45deg);
- border-right: 1rpx solid #999999;
- border-bottom: 1rpx solid #999999;
- margin-left: 5rpx;
+ content: "";
+ display: block;
+ width: 8rpx;
+ height: 8rpx;
+ transform: rotate(-45deg);
+ border-right: 1rpx solid #999999;
+ border-bottom: 1rpx solid #999999;
+ margin-left: 5rpx;
}
.card {
- background-color: #fff;
- padding: 16rpx;
- position: relative;
+ background-color: #fff;
+ padding: 16rpx;
+ position: relative;
}
.card::after {
- content: '';
- display: block;
- position: absolute;
- width: calc(100% - 32rpx);
- height: 0;
- bottom: 0;
- left: 16rpx;
- border-bottom: 1rpx solid #f7f7f7;
+ content: "";
+ display: block;
+ position: absolute;
+ width: calc(100% - 32rpx);
+ height: 0;
+ bottom: 0;
+ left: 16rpx;
+ border-bottom: 1rpx solid #f7f7f7;
}
.card .title {
- color: #777777;
- margin-bottom: 12rpx;
+ color: #777777;
+ margin-bottom: 12rpx;
}
.card .content {
- color: #222;
+ color: #222;
}
.placeholder9 {
- color: #999999;
- font-size: 28rpx;
+ color: #999999 !important;
+ font-size: 28rpx;
+}
+.red{
+ color: red !important;
}
//璁剧疆鍦嗚
checkbox .uni-checkbox-input {
- border-radius: 50%;
+ border-radius: 50%;
}
checkbox .uni-checkbox-input.uni-checkbox-input-checked {
- color: #fff !important;
- border: 1px solid #4d99a8 !important;
- background-color: #4d99a8 !important;
+ color: #fff !important;
+ border: 1px solid #4d99a8 !important;
+ background-color: #4d99a8 !important;
}
checkbox .uni-checkbox-input.uni-checkbox-input-checked:before {
- /* color: #4d99a8 !important; */
- /* border: 1px solid #4d99a8 !important; */
- /* font-size: 58rpx; */
- /* border-radius: 50%; */
+ /* color: #4d99a8 !important; */
+ /* border: 1px solid #4d99a8 !important; */
+ /* font-size: 58rpx; */
+ /* border-radius: 50%; */
}
-//
+//
view {
- box-sizing: border-box;
+ box-sizing: border-box;
}
image {
- box-sizing: border-box;
- margin: 0;
- display: flex;
+ box-sizing: border-box;
+ margin: 0;
+ display: flex;
}
-
+input {
+ font-size: 30rpx;
+}
textarea {
- box-sizing: border-box;
- background-color: #f7f7f7;
- font-size: 28rpx;
- color: #333333;
- padding: 24rpx;
- border-radius: 8rpx;
+ box-sizing: border-box;
+ // background-color: #f7f7f7;
+ font-size: 30rpx !important;
+ padding: 0;
+ border-radius: 8rpx;
+ color: #333333 !important;
+}
+.u-textarea {
+ padding: 0 !important;
+ color: #333333 !important;
}
.df_ac {
- display: flex;
- align-items: center;
+ display: flex;
+ align-items: center;
}
.main_app {
- padding: 0 30rpx 30rpx;
- font-size: 28rpx;
- color: #333333;
+ padding: 0 30rpx 30rpx;
+ font-size: 28rpx;
+ color: #333333;
}
-
+.popupShow {
+ overflow: hidden;
+ position: fixed;
+ width: 100%;
+}
+.placeholder6 {
+ color: #666666;
+ font-size: 28rpx;
+}
+.primaryColor {
+ color: $uni-color-primary;
+}
+.avatar {
+ width: 64rpx;
+ height: 64rpx;
+ border-radius: 50%;
+ margin-right: 20rpx;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ background-color: $uni-color-primary;
+ color: #fff;
+ font-size: 30rpx;
+}
.placeholder9 {
- color: #999999;
- font-size: 28rpx;
+ color: #999999;
+ font-size: 28rpx;
}
-
+.fs24 {
+ font-size: 24rpx;
+}
.mr24 {
- margin-right: 24rpx;
+ margin-right: 24rpx;
+}
+.mt24 {
+ margin-top: 24rpx;
}
.mr12 {
- margin-right: 12rpx;
+ margin-right: 12rpx;
}
.ml12 {
- margin-left: 12rpx;
+ margin-left: 12rpx;
}
-
+.ml6 {
+ margin-left: 6rpx;
+}
+.mt6 {
+ margin-top: 6rpx;
+}
.mr6 {
- margin-right: 6rpx;
+ margin-right: 6rpx;
}
</style>
--
Gitblit v1.9.3