├── App.vue
├── LICENSE
├── README.md
├── colorui
    ├── animation.css
    ├── components
    │   └── cu-custom.vue
    ├── icon.css
    └── main.css
├── commons
    ├── global.css
    ├── graceChecker.js
    ├── iconfont.css
    ├── qrcode.js
    ├── request.js
    ├── resources.js
    ├── rsa.js
    ├── sha1.js
    ├── uni.css
    ├── util.js
    └── utils.js
├── components
    ├── hm
    │   ├── hm-dimorphic.vue
    │   ├── hm-image.vue
    │   ├── hm-loading.vue
    │   ├── hm-menu.vue
    │   ├── hm-notice.vue
    │   ├── hm-search.vue
    │   ├── hm-todo-list.vue
    │   ├── hm-workflow-step.vue
    │   └── more-menu.vue
    └── uni
    │   ├── uni-badge.vue
    │   ├── uni-countdown.vue
    │   ├── uni-drawer.vue
    │   ├── uni-icon.vue
    │   ├── uni-load-more.vue
    │   ├── uni-nav-bar.vue
    │   ├── uni-number-box.vue
    │   ├── uni-popup.vue
    │   ├── uni-segmented-control.vue
    │   ├── uni-status-bar.vue
    │   └── uni-tag.vue
├── euler-uniapp-boilerplate.iml
├── main.js
├── manifest.json
├── node_modules
    ├── .bin
    │   ├── prettier
    │   └── prettier.cmd
    └── prettier
    │   ├── README.md
    │   ├── bin-prettier.js
    │   ├── index.js
    │   ├── package.json
    │   ├── parser-babylon.js
    │   ├── parser-flow.js
    │   ├── parser-glimmer.js
    │   ├── parser-graphql.js
    │   ├── parser-markdown.js
    │   ├── parser-parse5.js
    │   ├── parser-postcss.js
    │   ├── parser-typescript.js
    │   ├── parser-vue.js
    │   └── third-party.js
├── package-lock.json
├── pages.json
├── pages
    ├── basics
    │   ├── avatar.vue
    │   ├── background.vue
    │   ├── button.vue
    │   ├── design.vue
    │   ├── home.vue
    │   ├── icon.vue
    │   ├── layout.vue
    │   ├── loading.vue
    │   ├── progress.vue
    │   ├── shadow.vue
    │   ├── tag.vue
    │   └── text.vue
    ├── component
    │   ├── bar.vue
    │   ├── card.vue
    │   ├── chat.vue
    │   ├── form.vue
    │   ├── home.vue
    │   ├── list.vue
    │   ├── modal.vue
    │   ├── nav.vue
    │   ├── steps.vue
    │   ├── swiper.vue
    │   └── timeline.vue
    ├── index
    │   └── index.vue
    ├── other
    │   ├── awake.vue
    │   └── home.vue
    ├── page
    │   ├── euler
    │   │   ├── 404.vue
    │   │   ├── 500.vue
    │   │   ├── forget-pwd.vue
    │   │   ├── login.vue
    │   │   ├── main.vue
    │   │   ├── modify-pwd.vue
    │   │   ├── msg-content.vue
    │   │   ├── msg-list.vue
    │   │   ├── net-disconnect.vue
    │   │   ├── tab-main.vue
    │   │   ├── tab-message.vue
    │   │   ├── tab-my.vue
    │   │   ├── upgrade-info.vue
    │   │   ├── upgrade.vue
    │   │   ├── user-bind.vue
    │   │   ├── user-center.vue
    │   │   └── user-not-bind.vue
    │   └── home.vue
    ├── plugin
    │   ├── animation.vue
    │   ├── drawer.vue
    │   ├── home.vue
    │   ├── indexes.vue
    │   └── verticalnav.vue
    ├── search-page.vue
    ├── sys-component
    │   ├── home.vue
    │   ├── menu.vue
    │   ├── notice-content.vue
    │   └── notice-list.vue
    └── third.vue
├── pom.xml
├── screenshot
    ├── screenshot1.png
    ├── screenshot2.png
    ├── screenshot3.png
    ├── screenshot4.png
    ├── screenshot5.png
    ├── screenshot6.png
    ├── screenshot7.png
    └── screenshot8.png
├── static
    ├── BasicsBg.png
    ├── basics-nav-li-bg.png
    ├── cjkz.png
    ├── commons
    │   └── images
    │   │   ├── alertImg
    │   │       ├── img-cartoon-loading.png
    │   │       ├── img-cartoon-nfc.png
    │   │       ├── img-cartoon-nodata.png
    │   │       ├── img-cartoon-nowifi.png
    │   │       ├── img-cartoon-scan.png
    │   │       ├── img-clound.png
    │   │       ├── img-dange-sign.png
    │   │       ├── img-dange.png
    │   │       ├── img-leaf.png
    │   │       ├── img-leaf2.png
    │   │       ├── img-loading.png
    │   │       ├── img-moon.png
    │   │       ├── img-nodata.png
    │   │       ├── img-rain.png
    │   │       ├── img-success.png
    │   │       ├── img-sun.png
    │   │       ├── img-tips-dange.png
    │   │       ├── img-tips-loading.png
    │   │       ├── img-tips-nodata.png
    │   │       ├── img-tips-success.png
    │   │       └── logo-loading.png
    │   │   ├── icons
    │   │       ├── icon-arrow-down.png
    │   │       ├── icon-btn-selected-disabled.png
    │   │       ├── icon-btn-selected.png
    │   │       ├── icon-day.png
    │   │       ├── icon-man.png
    │   │       ├── icon-message.png
    │   │       ├── icon-month.png
    │   │       ├── icon-person.png
    │   │       ├── icon-shop.png
    │   │       ├── icon-week.png
    │   │       └── icon-woman.png
    │   │   └── vcode.jpg
    ├── componentBg.png
    ├── home
    │   ├── basics.png
    │   └── cjkz2329.jpg
    ├── logo.png
    ├── pages
    │   ├── login
    │   │   ├── banner-tobacco-1.jpg
    │   │   ├── banner-tobacco-2.jpg
    │   │   ├── banner_1.jpg
    │   │   ├── bg-login2.jpg
    │   │   ├── bg-login2.png
    │   │   ├── logo-euler-e-white.png
    │   │   ├── logo-euler-e.png
    │   │   ├── logo-euler-h-white.png
    │   │   ├── logo-euler-h.png
    │   │   ├── logo-euler-v-white.png
    │   │   ├── logo-euler-v.png
    │   │   ├── logo-euler.png
    │   │   ├── logo-white.png
    │   │   ├── logo-yc.png
    │   │   └── logo.png
    │   ├── main
    │   │   ├── banner.png
    │   │   ├── tabMain.png
    │   │   ├── tabMain_cur.png
    │   │   ├── tabMessage.png
    │   │   ├── tabMessage_cur.png
    │   │   ├── tabMy.png
    │   │   ├── tabMy_cur.png
    │   │   ├── tabTodo.png
    │   │   └── tabTodo_cur.png
    │   ├── my
    │   │   └── user-man.png
    │   └── user-center
    │   │   └── bg-report-default.jpg
    └── tabbar
    │   ├── about.png
    │   ├── about_cur.png
    │   ├── basics.png
    │   ├── basics_cur.png
    │   ├── component.png
    │   ├── component_cur.png
    │   ├── other.png
    │   ├── other_cur.png
    │   ├── page.png
    │   ├── page_cur.png
    │   ├── plugin.png
    │   ├── plugin_cur.png
    │   ├── sysComponent.png
    │   └── sysComponent_cur.png
└── uni.scss


/README.md:
--------------------------------------------------------------------------------
1 | # uniapp-demo
2 | uniapp各种开发实战，包含基本布局，动画，组件（时间轴，轮播，聊天，tabbar，导航等），微动画，抽屉，侧滑，唤醒原生app，数据库操作等等。
3 | 
4 | <img src="https://github.com/czl0325/uniapp-demo/blob/master/screenshot/screenshot1.png?raw=true" width="30%"><img src="https://github.com/czl0325/uniapp-demo/blob/master/screenshot/screenshot2.png?raw=true" width="30%"><img src="https://github.com/czl0325/uniapp-demo/blob/master/screenshot/screenshot3.png?raw=true" width="30%"><img src="https://github.com/czl0325/uniapp-demo/blob/master/screenshot/screenshot4.png?raw=true" width="30%"><img src="https://github.com/czl0325/uniapp-demo/blob/master/screenshot/screenshot5.png?raw=true" width="30%"><img src="https://github.com/czl0325/uniapp-demo/blob/master/screenshot/screenshot6.png?raw=true" width="30%"><img src="https://github.com/czl0325/uniapp-demo/blob/master/screenshot/screenshot7.png?raw=true" width="30%"><img src="https://github.com/czl0325/uniapp-demo/blob/master/screenshot/screenshot8.png?raw=true" width="30%">
5 | 


--------------------------------------------------------------------------------
/colorui/animation.css:
--------------------------------------------------------------------------------
  1 | /* 
  2 |   Animation 微动画  
  3 |   基于ColorUI组建库的动画模块 by 文晓港 2019年3月26日19:52:28
  4 |  */
  5 | 
  6 | /* css 滤镜 控制黑白底色gif的 */
  7 | .gif-black{  
  8 |   mix-blend-mode: screen;  
  9 | }
 10 | .gif-white{  
 11 |   mix-blend-mode: multiply; 
 12 | }
 13 | 
 14 | 
 15 | /* Animation css */
 16 | [class*=animation-] {
 17 |     animation-duration: .5s;
 18 |     animation-timing-function: ease-out;
 19 |     animation-fill-mode: both
 20 | }
 21 | 
 22 | .animation-fade {
 23 |     animation-name: fade;
 24 |     animation-duration: .8s;
 25 |     animation-timing-function: linear
 26 | }
 27 | 
 28 | .animation-scale-up {
 29 |     animation-name: scale-up
 30 | }
 31 | 
 32 | .animation-scale-down {
 33 |     animation-name: scale-down
 34 | }
 35 | 
 36 | .animation-slide-top {
 37 |     animation-name: slide-top
 38 | }
 39 | 
 40 | .animation-slide-bottom {
 41 |     animation-name: slide-bottom
 42 | }
 43 | 
 44 | .animation-slide-left {
 45 |     animation-name: slide-left
 46 | }
 47 | 
 48 | .animation-slide-right {
 49 |     animation-name: slide-right
 50 | }
 51 | 
 52 | .animation-shake {
 53 |     animation-name: shake
 54 | }
 55 | 
 56 | .animation-reverse {
 57 |     animation-direction: reverse
 58 | }
 59 | 
 60 | @keyframes fade {
 61 |     0% {
 62 |         opacity: 0
 63 |     }
 64 | 
 65 |     100% {
 66 |         opacity: 1
 67 |     }
 68 | }
 69 | 
 70 | @keyframes scale-up {
 71 |     0% {
 72 |         opacity: 0;
 73 |         transform: scale(.2)
 74 |     }
 75 | 
 76 |     100% {
 77 |         opacity: 1;
 78 |         transform: scale(1)
 79 |     }
 80 | }
 81 | 
 82 | @keyframes scale-down {
 83 |     0% {
 84 |         opacity: 0;
 85 |         transform: scale(1.8)
 86 |     }
 87 | 
 88 |     100% {
 89 |         opacity: 1;
 90 |         transform: scale(1)
 91 |     }
 92 | }
 93 | 
 94 | @keyframes slide-top {
 95 |     0% {
 96 |         opacity: 0;
 97 |         transform: translateY(-100%)
 98 |     }
 99 | 
100 |     100% {
101 |         opacity: 1;
102 |         transform: translateY(0)
103 |     }
104 | }
105 | 
106 | @keyframes slide-bottom {
107 |     0% {
108 |         opacity: 0;
109 |         transform: translateY(100%)
110 |     }
111 | 
112 |     100% {
113 |         opacity: 1;
114 |         transform: translateY(0)
115 |     }
116 | }
117 | 
118 | @keyframes shake {
119 | 
120 |     0%,
121 |     100% {
122 |         transform: translateX(0)
123 |     }
124 | 
125 |     10% {
126 |         transform: translateX(-9px)
127 |     }
128 | 
129 |     20% {
130 |         transform: translateX(8px)
131 |     }
132 | 
133 |     30% {
134 |         transform: translateX(-7px)
135 |     }
136 | 
137 |     40% {
138 |         transform: translateX(6px)
139 |     }
140 | 
141 |     50% {
142 |         transform: translateX(-5px)
143 |     }
144 | 
145 |     60% {
146 |         transform: translateX(4px)
147 |     }
148 | 
149 |     70% {
150 |         transform: translateX(-3px)
151 |     }
152 | 
153 |     80% {
154 |         transform: translateX(2px)
155 |     }
156 | 
157 |     90% {
158 |         transform: translateX(-1px)
159 |     }
160 | }
161 | 
162 | @keyframes slide-left {
163 |     0% {
164 |         opacity: 0;
165 |         transform: translateX(-100%)
166 |     }
167 | 
168 |     100% {
169 |         opacity: 1;
170 |         transform: translateX(0)
171 |     }
172 | }
173 | 
174 | @keyframes slide-right {
175 |     0% {
176 |         opacity: 0;
177 |         transform: translateX(100%)
178 |     }
179 | 
180 |     100% {
181 |         opacity: 1;
182 |         transform: translateX(0)
183 |     }
184 | }


--------------------------------------------------------------------------------
/colorui/components/cu-custom.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		<view class="cu-custom" :style="[{height:CustomBar + 'px'}]">
 4 | 			<view class="cu-bar fixed" :style="style" :class="[bgImage!=''?'none-bg text-white bg-img':'',bgColor]">
 5 | 				<view class="action" @tap="BackPage" v-if="isBack">
 6 | 					<text class="cuIcon-back"></text>
 7 | 					<slot name="backText"></slot>
 8 | 				</view>
 9 | 				<view class="content" :style="[{top:StatusBar + 'px'}]">
10 | 					<slot name="content"></slot>
11 | 				</view>
12 | 				<slot name="right"></slot>
13 | 			</view>
14 | 		</view>
15 | 	</view>
16 | </template>
17 | 
18 | <script>
19 | 	export default {
20 | 		data() {
21 | 			return {
22 | 				StatusBar: this.StatusBar,
23 | 				CustomBar: this.CustomBar
24 | 			};
25 | 		},
26 | 		name: 'cu-custom',
27 | 		computed: {
28 | 			style() {
29 | 				var StatusBar= this.StatusBar;
30 | 				var CustomBar= this.CustomBar;
31 | 				var bgImage = this.bgImage;
32 | 				var style = `height:${CustomBar}px;padding-top:${StatusBar}px;`;
33 | 				if (this.bgImage) {
34 | 					style = `${style}background-image:url(${bgImage});`;
35 | 				}
36 | 				return style
37 | 			}
38 | 		},
39 | 		props: {
40 | 			bgColor: {
41 | 				type: String,
42 | 				default: ''
43 | 			},
44 | 			isBack: {
45 | 				type: [Boolean, String],
46 | 				default: false
47 | 			},
48 | 			bgImage: {
49 | 				type: String,
50 | 				default: ''
51 | 			},
52 | 		},
53 | 		methods: {
54 | 			BackPage() {
55 | 				if (getCurrentPages().length < 2 && 'undefined' !== typeof __wxConfig) {
56 | 					let url = '/' + __wxConfig.pages[0]
57 | 					return uni.redirectTo({url})
58 | 				}
59 | 				uni.navigateBack({
60 | 					delta: 1
61 | 				});
62 | 			}
63 | 		}
64 | 	}
65 | </script>
66 | 
67 | <style>
68 | 
69 | </style>
70 | 


--------------------------------------------------------------------------------
/commons/global.css:
--------------------------------------------------------------------------------
  1 | @import "../colorui/main.css";
  2 | @import "../colorui/icon.css";
  3 | @import "uni.css";
  4 | @import "iconfont.css";
  5 | 
  6 | .g-page {
  7 |     position: absolute;
  8 |     left: 0;
  9 |     right: 0;
 10 |     top: 0;
 11 |     bottom: 0;
 12 |     width: 100%;
 13 |     height: 100%;
 14 |     overflow: hidden;
 15 |     display: flex;
 16 |     flex-direction: column;
 17 |     justify-content: space-between;
 18 | }
 19 | .g-page .g-content {
 20 |     border-width: 0;
 21 |     overflow: auto;
 22 |     overflow-x: hidden;
 23 |     position: relative;
 24 |     flex: 1
 25 | }
 26 | 
 27 | .g-page .g-footer {
 28 |     z-index: 9999;
 29 |     position: relative;
 30 |     min-height: 3rem;
 31 | }
 32 | 
 33 | .g-line-clamp {
 34 |     overflow: hidden;
 35 |     text-overflow: ellipsis;
 36 |     display: -webkit-box;
 37 |     -webkit-line-clamp: 2;
 38 |     -webkit-box-orient: vertical;
 39 |     white-space: normal !important;
 40 | }
 41 | 
 42 | .g-margin0 {
 43 |     margin: 0 auto;
 44 | }
 45 | 
 46 | .g-caption {
 47 |     padding: .3125rem 1rem;
 48 |     color: #6d6d72;
 49 |     font-size: .875rem;
 50 | }
 51 | 
 52 | .g-status-bar {
 53 |     height: var(--status-bar-height);
 54 |     width: 100%;
 55 |     background-color: #007AFF;
 56 | 
 57 | }
 58 | 
 59 | .g-status-place {
 60 |     height: var(--status-bar-height);
 61 |     width: 100%;
 62 |     position: fixed;
 63 |     background-color: #007AFF;
 64 |     top: 0;
 65 |     z-index: 999;
 66 | }
 67 | 
 68 | [class*="hm-icon"] {
 69 |     font-family: "hm-iconfont" !important;
 70 |     font-size: 16px;
 71 |     font-style: normal;
 72 |     -webkit-font-smoothing: antialiased;
 73 |     -moz-osx-font-smoothing: grayscale;
 74 | }
 75 | 
 76 | .cu-list.grid>.cu-item [class*=hm-icon] {
 77 |     position: relative;
 78 |     display: block;
 79 |     margin-top: 9px;
 80 |     width: 100%;
 81 |     font-size: 23px;
 82 | }
 83 | 
 84 | .text-success {
 85 |     color: #04be02 !important
 86 | }
 87 | .text-primary {
 88 |     color: #0f82fe !important
 89 | }
 90 | .text-info {
 91 |     color: #10aeff !important
 92 | }
 93 | .text-warning {
 94 |     color: #ffa800 !important
 95 | }
 96 | .text-danger {
 97 |     color: #f44f4f !important
 98 | }
 99 | .text-amber {
100 |     color: #fff !important;
101 | }
102 | .text-indigo {
103 |     color: #fff !important;
104 | }
105 | .text-deeppurple {
106 |     color: #fff !important;
107 | }
108 | .text-lightblue {
109 |     border-color: rgba(3,155,229,0.9) !important;
110 | }
111 | .text-teal {
112 |     color: #fff !important;
113 | }
114 | .text-lightgreen {
115 |     color: #fff !important;
116 | }
117 | .text-lime {
118 |     color: #fff !important;
119 | }
120 | .text-deeporange {
121 |     color: #fff !important;
122 | }
123 | 
124 | .bg-amber {
125 |     background-color: #ffb300 !important;
126 |     color: #fff !important;
127 | }
128 | .bg-indigo {
129 |     background-color: #3949ab !important;
130 |     color: #fff !important;
131 | }
132 | .bg-deeppurple {
133 |     background-color: #5e35b1 !important;
134 |     color: #fff !important;
135 | }
136 | .bg-lightblue {
137 |     background-color: #039be5 !important;
138 |     border-color: rgba(3,155,229,0.9) !important;
139 | }
140 | .bg-teal {
141 |     background-color: #00897b !important;
142 |     color: #fff !important;
143 | }
144 | .bg-lightgreen {
145 |     background-color: #7cb342 !important;
146 |     color: #fff !important;
147 | }
148 | .bg-lime {
149 |     background-color: #c0ca33 !important;
150 |     color: #fff !important;
151 | }
152 | .bg-deeporange {
153 |     background-color: #f4511e !important;
154 |     color: #fff !important;
155 | }
156 | .bg-footer {
157 |     background-color: #f9f9f9 !important;
158 |     color: #999999 !important;
159 | }
160 | .bg-success {
161 |     background-color: #04be02 !important;
162 |     color: #ffffff !important;
163 | }
164 | .bg-primary {
165 |     background-color: #0f82fe !important;
166 |     color: #ffffff !important;
167 | }
168 | .bg-info {
169 |     background-color: #10aeff !important;
170 |     color: #ffffff !important;
171 | }
172 | .bg-warning {
173 |     background-color: #ffa800 !important;
174 |     color: #ffffff !important;
175 | }
176 | .bg-danger {
177 |     background-color: #f44f4f !important;
178 |     color: #ffffff !important;
179 | }
180 | 
181 | .border-success {
182 |     border: 1px solid #04be02 !important;
183 | }
184 | .border-primary {
185 |     border: 1px solid #0f82fe !important;
186 | }
187 | .border-info {
188 |     border: 1px solid #10aeff !important;
189 | }
190 | .border-warning {
191 |     border: 1px solid #ffa800 !important;
192 | }
193 | .border-danger {
194 |     border: 1px solid #f44f4f !important;
195 | }
196 | 


--------------------------------------------------------------------------------
/commons/request.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * 通用uni-app网络请求
  3 |  * 基于 Promise 对象实现更简单的 request 使用方式，支持请求和响应拦截
  4 |  */
  5 | 
  6 | /*
  7 | // 开放的接口
  8 | import http from './interface'
  9 | 
 10 | http.config.baseUrl = "http://localhost:8080/api/"
 11 | 
 12 | http.request(url:'user/list',method:'GET').then((res)=>{
 13 | 	console.log(JSON.stringify(res))
 14 | })
 15 | http.get('user/list').then((res)=>{
 16 | 	console.log(JSON.stringify(res))
 17 | })
 18 | http.get('user/list', {status: 1}).then((res)=>{
 19 | 	console.log(JSON.stringify(res))
 20 | })
 21 | http.post('user', {id:1, status: 1}).then((res)=>{
 22 | 	console.log(JSON.stringify(res))
 23 | })
 24 | http.put('user/1', {status: 2}).then((res)=>{
 25 | 	console.log(JSON.stringify(res))
 26 | })
 27 | http.delete('user/1').then((res)=>{
 28 | 	console.log(JSON.stringify(res))
 29 | }) 
 30 | 
 31 | */
 32 | export default {
 33 | 	config: {
 34 | 		baseUrl: "",
 35 | 		header: {
 36 | 			'Content-Type':'application/x-www-form-urlencoded'
 37 | 		},  
 38 | 		data: {},
 39 | 		method: "GET",
 40 | 		dataType: "json",  /* 如设为json，会对返回的数据做一次 JSON.parse */
 41 | 		responseType: "text",
 42 | 		success() {},
 43 | 		fail() {},
 44 | 		complete() {}
 45 | 	},
 46 | 	interceptor: {
 47 | 		request: null,
 48 | 		response: null
 49 | 	},
 50 | 	request(options) {
 51 | 		if (!options) {
 52 | 			options = {}
 53 | 		}
 54 | 		options.baseUrl = options.baseUrl || this.config.baseUrl
 55 | 		options.dataType = options.dataType || this.config.dataType
 56 | 		options.url = options.baseUrl + options.url
 57 | 		options.data = options.data || {}
 58 | 		options.method = options.method || this.config.method
 59 | 	   
 60 | 		return new Promise((resolve, reject) => {
 61 | 			let _config = null
 62 | 			
 63 | 			options.complete = (response) => {
 64 | 				let statusCode = response.statusCode
 65 | 				response.config = _config
 66 | 				if (process.env.NODE_ENV === 'development') {
 67 | 					if (statusCode === 200) {
 68 | 						console.log("【" + _config.requestId + "】 结果：" + JSON.stringify(response.data))
 69 | 					}
 70 | 				}
 71 | 				if (this.interceptor.response) {
 72 | 					let newResponse = this.interceptor.response(response)
 73 | 					if (newResponse) {
 74 | 						response = newResponse
 75 | 					}
 76 | 				}
 77 | 				// 统一的响应日志记录
 78 | 				_reslog(response)
 79 | 				if (statusCode === 200) { //成功
 80 | 					resolve(response.data);
 81 | 				} else {
 82 |                     uni.showModal({
 83 |                         title: '错误提示',
 84 |                         content: '请求【' + response.config.url + '】失败',
 85 |                         showCancel: false
 86 |                     });
 87 |                     response.data = {};
 88 |                     response.data.successful = false;
 89 |                     response.data.message = response.errMsg;
 90 |                     resolve(response.data);
 91 | 				}
 92 | 			}
 93 | 
 94 | 			_config = Object.assign({}, this.config, options)
 95 | 			_config.requestId = new Date().getTime()
 96 | 
 97 | 			if (this.interceptor.request) {
 98 | 				this.interceptor.request(_config)
 99 | 			}
100 | 			
101 | 			// 统一的请求日志记录
102 | 			_reqlog(_config)
103 | 
104 | 			if (process.env.NODE_ENV === 'development') {
105 | 				console.log("【" + _config.requestId + "】 地址：" + _config.url)
106 | 				if (_config.data) {
107 | 					console.log("【" + _config.requestId + "】 参数：" + JSON.stringify(_config.data))
108 | 				}
109 | 			}
110 | 
111 | 			uni.request(_config);
112 | 		});
113 | 	},
114 | 	get(url, data, options) {
115 | 		if (!options) {
116 | 			options = {}
117 | 		}
118 | 		options.url = url
119 | 		options.data = data
120 | 		options.method = 'GET'  
121 | 		return this.request(options)
122 | 	},
123 | 	post(url, data, options) {
124 | 		if (!options) {
125 | 			options = {}
126 | 		}
127 | 		options.url = url
128 | 		options.data = data
129 | 		options.method = 'POST'
130 | 		return this.request(options)
131 | 	}
132 | }
133 | 
134 | 
135 | /**
136 |  * 请求接口日志记录
137 |  */
138 | function _reqlog(req) {
139 | 	if (process.env.NODE_ENV === 'development') {
140 | 		console.log("【" + req.requestId + "】 地址：" + req.url)
141 | 		if (req.data) {
142 | 			console.log("【" + req.requestId + "】 请求参数：" + JSON.stringify(req.data))
143 | 		}
144 | 	}
145 | }
146 | 
147 | /**
148 |  * 响应接口日志记录
149 |  */
150 | function _reslog(res) {
151 | 	let _statusCode = res.statusCode;
152 | 	if (process.env.NODE_ENV === 'development') {
153 | 		console.log("【" + res.config.requestId + "】 地址：" + res.config.url)
154 | 		if (res.config.data) {
155 | 			console.log("【" + res.config.requestId + "】 请求参数：" + JSON.stringify(res.config.data))
156 | 		}
157 | 		console.log("【" + res.config.requestId + "】 响应结果：" + JSON.stringify(res))
158 | 	}
159 | }


--------------------------------------------------------------------------------
/commons/util.js:
--------------------------------------------------------------------------------
 1 | function formatTime(time) {
 2 | 	if (typeof time !== 'number' || time < 0) {
 3 | 		return time
 4 | 	}
 5 | 
 6 | 	var hour = parseInt(time / 3600)
 7 | 	time = time % 3600
 8 | 	var minute = parseInt(time / 60)
 9 | 	time = time % 60
10 | 	var second = time
11 | 
12 | 	return ([hour, minute, second]).map(function (n) {
13 | 		n = n.toString()
14 | 		return n[1] ? n : '0' + n
15 | 	}).join(':')
16 | }
17 | 
18 | function formatLocationStr(longitude, latitude) {
19 |     const location = formatLocation(longitude, latitude);
20 |     return "经度=" + location.longitude + ",纬度=" + location.latitude;
21 | }
22 | 
23 | function formatLocation(longitude, latitude) {
24 | 	if (typeof longitude === 'string' && typeof latitude === 'string') {
25 | 		longitude = parseFloat(longitude)
26 | 		latitude = parseFloat(latitude)
27 | 	}
28 | 
29 | 	longitude = longitude.toFixed(2)
30 | 	latitude = latitude.toFixed(2)
31 | 
32 | 	return {
33 | 		longitude: longitude.toString().split('.'),
34 | 		latitude: latitude.toString().split('.')
35 | 	}
36 | }
37 | var dateUtils = {
38 | 	UNITS: {
39 | 		'年': 31557600000,
40 | 		'月': 2629800000,
41 | 		'天': 86400000,
42 | 		'小时': 3600000,
43 | 		'分钟': 60000,
44 | 		'秒': 1000
45 | 	},
46 | 	humanize: function (milliseconds) {
47 | 		var humanize = '';
48 | 		for (var key in this.UNITS) {
49 | 			if (milliseconds >= this.UNITS[key]) {
50 | 				humanize = Math.floor(milliseconds / this.UNITS[key]) + key + '前';
51 | 				break;
52 | 			}
53 | 		}
54 | 		return humanize || '刚刚';
55 | 	},
56 | 	format: function (dateStr) {
57 | 		var date = this.parse(dateStr)
58 | 		var diff = Date.now() - date.getTime();
59 | 		if (diff < this.UNITS['天']) {
60 | 			return this.humanize(diff);
61 | 		}
62 | 		var _format = function (number) {
63 | 			return (number < 10 ? ('0' + number) : number);
64 | 		};
65 | 		return date.getFullYear() + '/' + _format(date.getMonth() + 1) + '/' + _format(date.getDay()) + '-' +
66 | 			_format(date.getHours()) + ':' + _format(date.getMinutes());
67 | 	},
68 | 	parse: function (str) { //将"yyyy-mm-dd HH:MM:ss"格式的字符串，转化为一个Date对象
69 | 		var a = str.split(/[^0-9]/);
70 | 		return new Date(a[0], a[1] - 1, a[2], a[3], a[4], a[5]);
71 | 	}
72 | };
73 | 
74 | module.exports = {
75 | 	formatTime: formatTime,
76 | 	formatLocation: formatLocation,
77 |     formatLocationStr: formatLocationStr,
78 | 	dateUtils: dateUtils
79 | }
80 | 


--------------------------------------------------------------------------------
/commons/utils.js:
--------------------------------------------------------------------------------
 1 | const utils = {
 2 |     dateUtils: {
 3 |         // yyyyMMdd -> yyyy年MM月dd日
 4 |         formatDateStrCN: function(str) {
 5 |             let year = str.substring(0, 4);
 6 |             let month = str.substring(4, 6);
 7 |             let day = str.substring(6, 8);
 8 |             return year + "年" + month + "月" + day + '日';
 9 |         },
10 |         // yyyy-MM-dd -> yyyy年MM月dd日
11 |         formatToCN: function(str) {
12 |             let year = str.substring(0, 4);
13 |             let month = str.substring(5, 7);
14 |             let day = str.substring(8, 10);
15 |             return year + "年" + month + "月" + day + '日';
16 |         },
17 |         // yyyyMMdd -> yyyy-MM-dd
18 |         formatDateStr: function(str) {
19 |             let year = str.substring(0, 4);
20 |             let month = str.substring(4, 6);
21 |             let day = str.substring(6, 8);
22 |             return year + "-" + month + "-" + day;
23 |         },
24 |         // yyyyMMddHHmmss -> yyyy-MM-dd HH:mm:ss
25 |         formatTimeStr: function(str) {
26 |             let year = str.substring(0, 4);
27 |             let month = str.substring(4, 6);
28 |             let day = str.substring(6, 8);
29 |             let hour = str.substring(8, 10);
30 |             let minite = str.substring(10, 12);
31 |             let second = str.substring(12, 14);
32 |             return year + "-" + month + "-" + day + " " + hour + ":" + minite + ":" + second;
33 |         },
34 |         format: function (date) {
35 |             let _format = utils.dateUtils._format;
36 |             return '' + date.getFullYear() + _format(date.getMonth() + 1) + _format(date.getDate()) +
37 |                 _format(date.getHours()) + _format(date.getMinutes()) + _format(date.getSeconds());
38 |         },
39 |         _format: function (number) {
40 |             return (number < 10 ? ('0' + number) : number);
41 |         }
42 |     }
43 | };
44 | 
45 | export default utils
46 | 


--------------------------------------------------------------------------------
/components/hm/hm-dimorphic.vue:
--------------------------------------------------------------------------------
 1 | <!--
 2 | 二态编辑器
 3 | 1) @change：值改变事件处理函数</view>
 4 | 2) checked：类型Boolean，默认false，默认是否选中</view>
 5 | 3) checkedValue：类型String，默认空，选中的值</view>
 6 | 4) uncheckedValue：类型String，默认空，未选中的值</view>
 7 | -->
 8 | <template>
 9 |     <view>
10 |         <checkbox-group class="block" @change="checkboxChange">
11 |             <view class="flex">
12 |                 <checkbox class='round margin-right' :class="isChecked?'checked':''" :checked="isChecked?true:false"></checkbox>
13 |                 <slot></slot>
14 |             </view>
15 |         </checkbox-group>
16 |     </view>
17 | </template>
18 | 
19 | <script>
20 |     export default {
21 |         props: {
22 |             checkedValue: String,
23 |             uncheckedValue: String,
24 |             checked: {
25 |                 type: Boolean,
26 |                 default: false
27 |             }
28 |         },
29 |         data() {
30 |             return {
31 |                 value: null,
32 |             }
33 |         },
34 |         mounted() {
35 |             if (this.checked) {
36 |                 this.value = this.checkedValue;
37 |             } else {
38 |                 this.value = this.uncheckedValue;
39 |             }
40 |         },
41 |         computed: {
42 |             isChecked() {
43 |                 return this.value === this.checkedValue;
44 |             }
45 |         },
46 |         methods: {
47 |             checkboxChange(e) {
48 |                 let values = e.detail.value;
49 |                 if (values && values.length > 0) {
50 |                     this.value = this.checkedValue;
51 |                     this.$emit('change', this.checkedValue);
52 |                 } else {
53 |                     this.value = this.uncheckedValue;
54 |                     this.$emit('change', this.uncheckedValue);
55 |                 }
56 |             }
57 |         }
58 |     }
59 | </script>
60 | 
61 | <style>
62 | 
63 | </style>
64 | 


--------------------------------------------------------------------------------
/components/hm/hm-loading.vue:
--------------------------------------------------------------------------------
 1 | <!--属性：
 2 | show: 是否显示loading
 3 | -->
 4 | <template>
 5 |     <view v-if="show" class="cu-load loading"></view>
 6 | </template>
 7 | <script>
 8 |     export default {
 9 |         name: 'hm-loading',
10 |         props: {
11 |             show: {
12 |                 type: Boolean,
13 |                 default() {
14 |                     return true;
15 |                 }
16 |             }
17 |         },
18 |         data() {
19 |             return {}
20 |         },
21 |         methods: {}
22 |     }
23 | </script>
24 | 
25 | <style>
26 | 
27 | </style>
28 | 


--------------------------------------------------------------------------------
/components/hm/hm-notice.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <view class="cu-list menu-avatar" v-if="noticeList.length > 0">
 3 |         <view @tap="list" class="cu-item">
 4 |             <view class="cu-avatar round lg cuIcon-notification bg-orange"></view>
 5 |             <view class="content">
 6 |                 <view v-for="(item, index) in noticeList" :key="index" class="text-sm flex" style="max-width: 500upx">
 7 |                     <view class="text-cut" style="max-width: 320upx">
 8 |                         {{item.title}}
 9 |                     </view>
10 |                     <view class="text-grey text-df">{{item.during}}</view>
11 |                 </view>
12 |             </view>
13 |             <view class="action" style="width:50upx">
14 |                 <view class="cu-tag round bg-red lg" style="width: 48upx">5</view>
15 |             </view>
16 |             <view class="action" style="width:50upx">
17 |                 <view class="cuIcon-right text-gray"></view>
18 |             </view>
19 |         </view>
20 |     </view>
21 | </template>
22 | <script>
23 |     export default {
24 |         name: 'hm-notice',
25 |         props: {},
26 |         data() {
27 |             return {
28 |                 noticeList: []
29 |             }
30 |         },
31 |         created() {
32 |             let that = this;
33 |             that.noticeList = [
34 |                 {title: 'uni-app行业峰会频频亮相，开发者反响热烈', id: "id1", during: "15小时前"},
35 |                 {title: 'DCloud完成B2轮融资，uni-app震撼发布', id: "id2", during: "15小时前"}
36 |             ];
37 |         },
38 |         methods: {
39 |             list: function () {
40 |                 uni.navigateTo({
41 |                     url : "/pages/sys-component/notice-list"
42 |                 });
43 |             }
44 |         }
45 |     }
46 | </script>
47 | 
48 | <style>
49 | </style>
50 | 


--------------------------------------------------------------------------------
/components/hm/more-menu.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <view>
  3 |         <cu-custom bgColor="bg-gradual-blue" :isBack="true">
  4 |             <block slot="backText">返回</block>
  5 |             <block slot="content">更多菜单</block>
  6 |         </cu-custom>
  7 |         <block v-for="(group,i) in groups" :key="i">
  8 |             <view v-if="group.title" class="g-caption">{{group.title}}</view>
  9 |             <block v-if="group.menus.length && group.menus.length > 0">
 10 |                 <view class="cu-list menu-avatar">
 11 |                     <view @tap="clickMenu(item)" class="cu-item" v-for="(item,index) in group.menus" :key="index">
 12 |                         <view class="cu-avatar lg "
 13 |                               :class="[(item.icon && item.icon != '') ? item.icon : '', (item.image && item.image != '') ?'bg-img':'',
 14 |                                 (colorType == 1  ? 'text-' : 'bg-' ) + item.color]"
 15 |                               :style="(shape == 1 ? 'border-radius: 50%;' : 'border-radius: 10%;') + ((item.image && item.image != '') ? 'background-image: url(' + item.image + ');' : '')"></view>
 16 |                         <view class="content">
 17 |                             {{item.title}}
 18 |                         </view>
 19 |                         <view class="action" v-if="item.msgNum && item.msgNum!=0">
 20 |                             <view class="cu-tag round bg-red lg" style="width: 40upx;height:40upx">
 21 |                                 {{item.msgNum>99?'99+':item.msgNum}}
 22 |                             </view>
 23 |                         </view>
 24 |                         <view class="action" style="width: 30upx">
 25 |                             <view class="cuIcon-right text-gray"></view>
 26 |                         </view>
 27 |                     </view>
 28 |                 </view>
 29 |             </block>
 30 |         </block>
 31 |     </view>
 32 | </template>
 33 | 
 34 | <script>
 35 |     export default {
 36 |         data() {
 37 |             return {
 38 |                 colorType: 1,
 39 |                 shape: 1,
 40 |                 idcode: null,
 41 |                 groups: null
 42 |             }
 43 |         },
 44 |         mounted() {
 45 |             this.fetchGroups();
 46 |         },
 47 |         onLoad: function (options) {
 48 |             this.colorType = options.colorType ? parseInt(options.colorType) : 1;
 49 |             this.shape = options.shape ? parseInt(options.shape) : 1;
 50 |             this.idcode = options.idcode;
 51 |         },
 52 |         methods: {
 53 |             clickMenu(item) {
 54 |                 if (item.url.startsWith("http://") || item.url.startsWith("https://")) {
 55 |                     //#ifdef H5
 56 |                     window.location.href = item.url;
 57 |                     //#endif
 58 |                     //#ifndef H5
 59 |                     uni.navigateTo({
 60 |                         url: "/pages/third?url=" + encodeURIComponent(item.url) + "&navigator=" + item.target,
 61 |                     });
 62 |                     //#endif
 63 |                 } else {
 64 |                     uni.navigateTo({
 65 |                         url: item.url
 66 |                     });
 67 |                 }
 68 |             },
 69 |             async fetchGroups() {
 70 |                 let allGroups = uni.getStorageSync('es_allGroups');
 71 |                 outer:
 72 |                     for (let allGroup of allGroups) {
 73 |                         if (this.idcode == allGroup.idcode) {
 74 |                             this.groups = allGroup.groups;
 75 |                             break outer;
 76 |                         }
 77 |                         for (let group of allGroup.groups) {
 78 |                             if (this.idcode == group.idcode) {
 79 |                                 this.groups = [];
 80 |                                 this.groups.push(group);
 81 |                                 break outer;
 82 |                             }
 83 |                         }
 84 |                     }
 85 |             }
 86 |         },
 87 |     }
 88 | </script>
 89 | 
 90 | <style>
 91 |     .cu-list.menu-avatar > .cu-item:after {
 92 |         position: absolute;
 93 |         top: 0;
 94 |         left: 0;
 95 |         box-sizing: border-box;
 96 |         width: 200%;
 97 |         height: 200%;
 98 |         border-bottom: 2px solid #ddd;
 99 |         border-radius: inherit;
100 |         content: " ";
101 |         -webkit-transform: scale(.5);
102 |         transform: scale(.5);
103 |         -webkit-transform-origin: 0 0;
104 |         transform-origin: 0 0;
105 |         pointer-events: none;
106 |     }
107 | 
108 |     .cu-avatar {
109 |         background-color: #ffffff;
110 |     }
111 | </style>
112 | 


--------------------------------------------------------------------------------
/components/uni/uni-badge.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<text class="uni-badge" v-if="text" :class="setClass" @click="onClick()">{{text}}</text>
  3 | </template>
  4 | 
  5 | <script>
  6 | 	export default {
  7 | 		props: {
  8 | 			type: {
  9 | 				type: String,
 10 | 				default: 'default'
 11 | 			},
 12 | 			inverted: {
 13 | 				type: Boolean,
 14 | 				default: false
 15 | 			},
 16 | 			text: {
 17 | 				type: String,
 18 | 				default: ''
 19 | 			}
 20 | 		},
 21 | 		computed: {
 22 | 			setClass() {
 23 | 				let classList = ['uni-badge-' + this.type];
 24 | 				if (this.inverted === true) {
 25 | 					classList.push('uni-badge-inverted')
 26 | 				}
 27 | 				return classList.join(" ")
 28 | 			}
 29 | 		},
 30 | 		methods: {
 31 | 			onClick() {
 32 | 				this.$emit('click')
 33 | 			}
 34 | 		}
 35 | 	}
 36 | </script>
 37 | 
 38 | <style>
 39 | 	.uni-badge,
 40 | 	.uni-badge-default {
 41 | 		font-family: 'Helvetica Neue', Helvetica, sans-serif;
 42 | 		box-sizing: border-box;
 43 | 		font-size: 12px;
 44 | 		line-height: 1;
 45 | 		display: inline-block;
 46 | 		padding: 3px 6px;
 47 | 		color: #333;
 48 | 		border-radius: 100px;
 49 | 	}
 50 | 
 51 | 	.uni-badge.uni-badge-inverted {
 52 | 		padding: 0 5px 0 0;
 53 | 		color: #929292;
 54 | 		background-color: transparent
 55 | 	}
 56 | 
 57 | 	.uni-badge-primary {
 58 | 		color: #fff;
 59 | 		background-color: #007aff
 60 | 	}
 61 | 
 62 | 	.uni-badge-blue.uni-badge-inverted,
 63 | 	.uni-badge-primary.uni-badge-inverted {
 64 | 		color: #007aff;
 65 | 		background-color: transparent
 66 | 	}
 67 | 
 68 | 	.uni-badge-green,
 69 | 	.uni-badge-success {
 70 | 		color: #fff;
 71 | 		background-color: #4cd964;
 72 | 	}
 73 | 
 74 | 	.uni-badge-green.uni-badge-inverted,
 75 | 	.uni-badge-success.uni-badge-inverted {
 76 | 		color: #4cd964;
 77 | 		background-color: transparent
 78 | 	}
 79 | 
 80 | 	.uni-badge-warning,
 81 | 	.uni-badge-yellow {
 82 | 		color: #fff;
 83 | 		background-color: #f0ad4e
 84 | 	}
 85 | 
 86 | 	.uni-badge-warning.uni-badge-inverted,
 87 | 	.uni-badge-yellow.uni-badge-inverted {
 88 | 		color: #f0ad4e;
 89 | 		background-color: transparent
 90 | 	}
 91 | 
 92 | 	.uni-badge-danger,
 93 | 	.uni-badge-red {
 94 | 		color: #fff;
 95 | 		background-color: #dd524d
 96 | 	}
 97 | 
 98 | 	.uni-badge-danger.uni-badge-inverted,
 99 | 	.uni-badge-red.uni-badge-inverted {
100 | 		color: #dd524d;
101 | 		background-color: transparent
102 | 	}
103 | 
104 | 	.uni-badge-purple,
105 | 	.uni-badge-royal {
106 | 		color: #fff;
107 | 		background-color: #8a6de9
108 | 	}
109 | 
110 | 	.uni-badge-purple.uni-badge-inverted,
111 | 	.uni-badge-royal.uni-badge-inverted {
112 | 		color: #8a6de9;
113 | 		background-color: transparent
114 | 	}
115 | </style>
116 | 


--------------------------------------------------------------------------------
/components/uni/uni-countdown.vue:
--------------------------------------------------------------------------------
  1 | <template name="uni-countdown">
  2 | 	<view class="uni-countdown">
  3 | 		<view class="uni-countdown-numbers" :style="{borderColor:borderColor, color:fontColor, background:bgrColor}">{{h}}</view>
  4 | 		<view class="uni-countdown-splitor" :style="{color:splitorColor}">:</view>
  5 | 		<view class="uni-countdown-numbers" :style="{borderColor:borderColor, color:fontColor, background:bgrColor}">{{i}}</view>
  6 | 		<view class="uni-countdown-splitor" :style="{color:splitorColor}">:</view>
  7 | 		<view class="uni-countdown-numbers" :style="{borderColor:borderColor, color:fontColor, background:bgrColor}">{{s}}</view>
  8 | 	</view>
  9 | </template>
 10 | <script>
 11 | 	export default {
 12 | 		name: "uni-countdown",
 13 | 		props: {
 14 | 			bgrColor: {
 15 | 				type: String,
 16 | 				default: "#FFFFFF"
 17 | 			},
 18 | 			borderColor: {
 19 | 				type: String,
 20 | 				default: "#000000"
 21 | 			},
 22 | 			fontColor: {
 23 | 				type: String,
 24 | 				value: "#000000"
 25 | 			},
 26 | 			splitorColor: {
 27 | 				type: String,
 28 | 				default: "#000000"
 29 | 			},
 30 | 			timer: {
 31 | 				type: String,
 32 | 				default: ""
 33 | 			}
 34 | 		},
 35 | 		data() {
 36 | 			return {
 37 | 				setTime: null,
 38 | 				h: '00',
 39 | 				i: '00',
 40 | 				s: '00',
 41 | 				leftTime: 0
 42 | 			}
 43 | 		},
 44 | 		created: function(e) {
 45 | 			var reg = /^([0-9]{4})-([0-9]{2})-([0-9]{2}) ([0-9]{2}):([0-9]{2}):([0-9]{2})$/;
 46 | 			var res = this.timer.match(reg);
 47 | 			if (res == null) {
 48 | 				console.log('时间格式错误');
 49 | 				return false;
 50 | 			} else {
 51 | 				var year = parseInt(res[1]);
 52 | 				if (year < 1000) {
 53 | 					console.log('时间格式错误');
 54 | 					return false;
 55 | 				}
 56 | 				var month = parseInt(res[2]);
 57 | 				var day = parseInt(res[3]);
 58 | 				var h = parseInt(res[4]);
 59 | 				if (h < 0 || h > 24) {
 60 | 					console.log('时间格式错误');
 61 | 					return false;
 62 | 				}
 63 | 				var i = parseInt(res[5]);
 64 | 				if (i < 0 || i > 60) {
 65 | 					console.log('时间格式错误');
 66 | 					return false;
 67 | 				}
 68 | 				var s = parseInt(res[6]);
 69 | 				if (s < 0 || s > 60) {
 70 | 					console.log('时间格式错误');
 71 | 					return false;
 72 | 				}
 73 | 				var leftTime = new Date(year, month - 1, day, h, i, s);
 74 | 				this.leftTime = leftTime;
 75 | 				this.countDown(this);
 76 | 				this.setInterValFunc(this);
 77 | 			}
 78 | 		},
 79 | 		beforeDestroy() {
 80 | 			clearInterval(this.setTime)
 81 | 		},
 82 | 		methods: {
 83 | 			setInterValFunc: function(obj) {
 84 | 				this.setTime = setInterval(function() {
 85 | 					obj.countDown(obj);
 86 | 				}, 1000);
 87 | 			},
 88 | 			countDown: function(self) {
 89 | 				var leftTime = self.leftTime - new Date();
 90 | 				if (leftTime > 0) {
 91 | 					var hours = parseInt(leftTime / 1000 / 60 / 60, 10);
 92 | 					var minutes = parseInt(leftTime / 1000 / 60 % 60, 10);
 93 | 					var seconds = parseInt(leftTime / 1000 % 60, 10);
 94 | 				} else {
 95 | 					var hours = 0,
 96 | 						minutes = 0,
 97 | 						seconds = 0;
 98 | 				}
 99 | 				if (hours < 10) {
100 | 					hours = '0' + hours;
101 | 				}
102 | 				if (minutes < 10) {
103 | 					minutes = '0' + minutes;
104 | 				}
105 | 				if (seconds < 10) {
106 | 					seconds = '0' + seconds;
107 | 				}
108 | 				self.h = hours;
109 | 				self.i = minutes;
110 | 				self.s = seconds;
111 | 			}
112 | 		}
113 | 	}
114 | </script>
115 | <style>
116 | 	.uni-countdown {
117 | 		padding: 2upx 0;
118 | 		flex-wrap: nowrap;
119 | 		justify-content: center;
120 | 	}
121 | 
122 | 	.uni-countdown-splitor {
123 | 		width: auto !important;
124 | 		justify-content: center;
125 | 		line-height: 44upx;
126 | 		padding: 0 5upx;
127 | 	}
128 | 
129 | 	.uni-countdown-numbers {
130 | 		line-height: 44upx;
131 | 		width: auto !important;
132 | 		padding: 0 10upx;
133 | 		justify-content: center;
134 | 		height: 44upx;
135 | 		border-radius: 8upx;
136 | 		margin: 0 5upx;
137 | 		border: 1px solid #000000;
138 | 		font-size: 22upx;
139 | 	}
140 | </style>
141 | 


--------------------------------------------------------------------------------
/components/uni/uni-drawer.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="uni-drawer" :catchtouchmove="catchtouchmove" :class="{'uni-drawer-visible':visible,'uni-drawer-right':rightMode}">
  3 | 		<view v-if="showMask" class="uni-drawer-mask" @tap="close"></view>
  4 | 		<view class="uni-drawer-content">
  5 | 			<slot></slot>
  6 | 		</view>
  7 | 	</view>
  8 | </template>
  9 | 
 10 | <script>
 11 | 	export default {
 12 | 		props: {
 13 | 			/**
 14 | 			 * 显示状态
 15 | 			 */
 16 | 			visible: {
 17 | 				type: Boolean,
 18 | 				default: false
 19 | 			},
 20 | 			/**
 21 | 			 * 显示模式（左、右），只在初始化生效
 22 | 			 */
 23 | 			mode: String,
 24 | 			/**
 25 | 			 * 蒙层显示状态
 26 | 			 */
 27 | 			mask: {
 28 | 				type: [Boolean, String],
 29 | 				default: true
 30 | 			}
 31 | 		},
 32 | 		data() {
 33 | 			return {
 34 | 				rightMode: false,
 35 | 				catchtouchmove: false
 36 | 			}
 37 | 		},
 38 | 		computed: {
 39 | 			showMask() {
 40 | 				return String(this.mask) === 'true'
 41 | 			}
 42 | 		},
 43 | 		created() {
 44 | 			this.rightMode = this.mode === 'right'
 45 | 			//#ifdef MP-WEIXIN
 46 | 			this.catchtouchmove = true
 47 | 			//#endif
 48 | 		},
 49 | 		methods: {
 50 | 			close() {
 51 | 				this.$emit('close')
 52 | 			}
 53 | 		}
 54 | 	}
 55 | </script>
 56 | 
 57 | <style scoped>
 58 | 	.uni-drawer {
 59 | 		display: block;
 60 | 		position: fixed;
 61 | 		top: 0;
 62 | 		left: 0;
 63 | 		right: 0;
 64 | 		bottom: 0;
 65 | 		overflow: hidden;
 66 | 		visibility: hidden;
 67 | 		z-index: 998;
 68 | 	}
 69 | 
 70 | 	.uni-drawer>.uni-drawer-mask {
 71 | 		display: block;
 72 | 		position: absolute;
 73 | 		top: 0;
 74 | 		left: 0;
 75 | 		width: 100%;
 76 | 		height: 100%;
 77 | 		background: rgba(0, 0, 0, 0.4);
 78 | 	}
 79 | 
 80 | 	.uni-drawer>.uni-drawer-content {
 81 | 		display: block;
 82 | 		position: absolute;
 83 | 		top: 0;
 84 | 		left: 0;
 85 | 		width: 61.8%;
 86 | 		background: #FFFFFF;
 87 | 		transition: all 0.3s ease-out;
 88 | 		transform: translatex(-100%);
 89 | 	}
 90 | 
 91 | 	.uni-drawer.uni-drawer-right>.uni-drawer-content {
 92 | 		left: auto;
 93 | 		right: 0;
 94 | 		transform: translatex(100%);
 95 | 	}
 96 | 
 97 | 	.uni-drawer.uni-drawer-visible {
 98 | 		visibility: visible;
 99 | 	}
100 | 
101 | 	.uni-drawer.uni-drawer-visible>.uni-drawer-mask {
102 | 		display: block;
103 | 	}
104 | 
105 | 	.uni-drawer.uni-drawer-visible>.uni-drawer-content {
106 | 		transform: translatex(0);
107 | 	}
108 | </style>
109 | 


--------------------------------------------------------------------------------
/components/uni/uni-icon.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <view class="uni-icon" :class="['uni-icon-'+type]" :style="{color:color,'font-size':fontSize}" @click="onClick()"></view>
 3 | </template>
 4 | 
 5 | <script>
 6 |     export default {
 7 |         props: {
 8 |             /**
 9 |              * 图标类型
10 |              */
11 |             type: String,
12 |             /**
13 |              * 图标颜色
14 |              */
15 |             color: String,
16 |             /**
17 |              * 图标大小
18 |              */
19 |             size: [Number, String]
20 |         },
21 |         computed: {
22 |             fontSize() {
23 |                 return `${this.size}px`
24 |             }
25 |         },
26 |         methods: {
27 |             onClick() {
28 |                 this.$emit('click')
29 |             }
30 |         }
31 |     }
32 | </script>
33 | 
34 | 


--------------------------------------------------------------------------------
/components/uni/uni-load-more.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="load-more">
  3 | 		<view class="loading-img" v-show="loadingType === 1 && showImage">
  4 | 			<view class="load1">
  5 | 				<view :style="{background:color}"></view>
  6 | 				<view :style="{background:color}"></view>
  7 | 				<view :style="{background:color}"></view>
  8 | 				<view :style="{background:color}"></view>
  9 | 			</view>
 10 | 			<view class="load2">
 11 | 				<view :style="{background:color}"></view>
 12 | 				<view :style="{background:color}"></view>
 13 | 				<view :style="{background:color}"></view>
 14 | 				<view :style="{background:color}"></view>
 15 | 			</view>
 16 | 			<view class="load3">
 17 | 				<view :style="{background:color}"></view>
 18 | 				<view :style="{background:color}"></view>
 19 | 				<view :style="{background:color}"></view>
 20 | 				<view :style="{background:color}"></view>
 21 | 			</view>
 22 | 		</view>
 23 | 		<text class="loading-text" :style="{color:color}">{{loadingType === 0 ? contentText.contentdown : (loadingType === 1 ? contentText.contentrefresh : contentText.contentnomore)}}</text>
 24 | 	</view>
 25 | </template>
 26 | 
 27 | <script>
 28 | 	export default {
 29 | 		name: "load-more",
 30 | 		props: {
 31 | 			loadingType: {
 32 | 				//上拉的状态：0-loading前；1-loading中；2-没有更多了
 33 | 				type: Number,
 34 | 				default: 0
 35 | 			},
 36 | 			showImage: {
 37 | 				type: Boolean,
 38 | 				default: true
 39 | 			},
 40 | 			color: {
 41 | 				type: String,
 42 | 				default: "#777777"
 43 | 			},
 44 | 			contentText: {
 45 | 				type: Object,
 46 | 				default () {
 47 | 					return {
 48 | 						contentdown: "上拉显示更多",
 49 | 						contentrefresh: "正在加载...",
 50 | 						contentnomore: "没有更多数据了"
 51 | 					};
 52 | 				}
 53 | 			}
 54 | 		},
 55 | 		data() {
 56 | 			return {}
 57 | 		}
 58 | 	}
 59 | </script>
 60 | 
 61 | <style>
 62 | 	.load-more {
 63 | 		display: flex;
 64 | 		flex-direction: row;
 65 | 		height: 80upx;
 66 | 		align-items: center;
 67 | 		justify-content: center;
 68 | 	}
 69 | 
 70 | 	.loading-img {
 71 | 		height: 24px;
 72 | 		width: 24px;
 73 | 		margin-right: 10px;
 74 | 	}
 75 | 
 76 | 	.loading-text {
 77 | 		font-size: 28upx;
 78 | 		color: #777777;
 79 | 	}
 80 | 
 81 | 	.loading-img>view {
 82 | 		position: absolute;
 83 | 	}
 84 | 
 85 | 	.load1,
 86 | 	.load2,
 87 | 	.load3 {
 88 | 		height: 24px;
 89 | 		width: 24px;
 90 | 	}
 91 | 
 92 | 	.load2 {
 93 | 		transform: rotate(30deg);
 94 | 	}
 95 | 
 96 | 	.load3 {
 97 | 		transform: rotate(60deg);
 98 | 	}
 99 | 
100 | 	.loading-img>view view {
101 | 		width: 6px;
102 | 		height: 2px;
103 | 		border-top-left-radius: 1px;
104 | 		border-bottom-left-radius: 1px;
105 | 		background: #777;
106 | 		position: absolute;
107 | 		opacity: 0.2;
108 | 		transform-origin: 50%;
109 | 		-webkit-animation: load 1.56s ease infinite;
110 | 	}
111 | 
112 | 	.loading-img>view view:nth-child(1) {
113 | 		transform: rotate(90deg);
114 | 		top: 2px;
115 | 		left: 9px;
116 | 	}
117 | 
118 | 	.loading-img>view view:nth-child(2) {
119 | 		-webkit-transform: rotate(180deg);
120 | 		top: 11px;
121 | 		right: 0px;
122 | 	}
123 | 
124 | 	.loading-img>view view:nth-child(3) {
125 | 		transform: rotate(270deg);
126 | 		bottom: 2px;
127 | 		left: 9px;
128 | 	}
129 | 
130 | 	.loading-img>view view:nth-child(4) {
131 | 		top: 11px;
132 | 		left: 0px;
133 | 	}
134 | 
135 | 	.load1 view:nth-child(1) {
136 | 		animation-delay: 0s;
137 | 	}
138 | 
139 | 	.load2 view:nth-child(1) {
140 | 		animation-delay: 0.13s;
141 | 	}
142 | 
143 | 	.load3 view:nth-child(1) {
144 | 		animation-delay: 0.26s;
145 | 	}
146 | 
147 | 	.load1 view:nth-child(2) {
148 | 		animation-delay: 0.39s;
149 | 	}
150 | 
151 | 	.load2 view:nth-child(2) {
152 | 		animation-delay: 0.52s;
153 | 	}
154 | 
155 | 	.load3 view:nth-child(2) {
156 | 		animation-delay: 0.65s;
157 | 	}
158 | 
159 | 	.load1 view:nth-child(3) {
160 | 		animation-delay: 0.78s;
161 | 	}
162 | 
163 | 	.load2 view:nth-child(3) {
164 | 		animation-delay: 0.91s;
165 | 	}
166 | 
167 | 	.load3 view:nth-child(3) {
168 | 		animation-delay: 1.04s;
169 | 	}
170 | 
171 | 	.load1 view:nth-child(4) {
172 | 		animation-delay: 1.17s;
173 | 	}
174 | 
175 | 	.load2 view:nth-child(4) {
176 | 		animation-delay: 1.30s;
177 | 	}
178 | 
179 | 	.load3 view:nth-child(4) {
180 | 		animation-delay: 1.43s;
181 | 	}
182 | 
183 | 	@-webkit-keyframes load {
184 | 		0% {
185 | 			opacity: 1;
186 | 		}
187 | 
188 | 		100% {
189 | 			opacity: 0.2;
190 | 		}
191 | 	}
192 | </style>
193 | 


--------------------------------------------------------------------------------
/components/uni/uni-number-box.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="uni-numbox">
  3 | 		<view class="uni-numbox-minus" :class="{'uni-numbox-disabled': disableSubtract}" @click="_calcValue('subtract')">-</view>
  4 | 		<input class="uni-numbox-value" type="number" :disabled="disabled" :value="inputValue" @blur="_onBlur">
  5 | 		<view class="uni-numbox-plus" :class="{'uni-numbox-disabled': disableAdd}" @click="_calcValue('add')">+</view>
  6 | 	</view>
  7 | </template>
  8 | <script>
  9 | 	export default {
 10 | 		name: 'uni-number-box',
 11 | 		props: {
 12 | 			value: {
 13 | 				type: Number,
 14 | 				default: 0
 15 | 			},
 16 | 			min: {
 17 | 				type: Number,
 18 | 				default: -Infinity
 19 | 			},
 20 | 			max: {
 21 | 				type: Number,
 22 | 				default: Infinity
 23 | 			},
 24 | 			step: {
 25 | 				type: Number,
 26 | 				default: 1
 27 | 			},
 28 | 			disabled: {
 29 | 				type: Boolean,
 30 | 				default: false
 31 | 			}
 32 | 		},
 33 | 		data() {
 34 | 			return {
 35 | 				inputValue: this.value
 36 | 			}
 37 | 		},
 38 | 		computed: {
 39 | 			disableSubtract() {
 40 | 				return this.value <= this.min
 41 | 			},
 42 | 			disableAdd() {
 43 | 				return this.value >= this.max
 44 | 			}
 45 | 		},
 46 | 		watch: {
 47 | 			value(val) {
 48 | 				this.inputValue = val;
 49 | 			},
 50 | 			inputValue(val) {
 51 | 				this.$emit('change', val);
 52 | 			}
 53 | 		},
 54 | 		methods: {
 55 | 			_calcValue(type) {
 56 | 				const scale = this._getDecimalScale();
 57 | 				let value = this.inputValue * scale;
 58 | 				let step = this.step * scale;
 59 | 
 60 | 				if (type === 'subtract') {
 61 | 					value -= step
 62 | 				} else if (type === 'add') {
 63 | 					value += step
 64 | 				}
 65 | 				if (value < this.min || value > this.max) {
 66 | 					return
 67 | 				}
 68 | 				this.inputValue = value / scale;
 69 | 			},
 70 | 			_getDecimalScale() {
 71 | 				let scale = 1;
 72 | 				// 浮点型
 73 | 				if (~~this.step !== this.step) {
 74 | 					scale = Math.pow(10, (this.step + '').split('.')[1].length);
 75 | 				}
 76 | 				return scale;
 77 | 			},
 78 | 			_onBlur(event) {
 79 | 				let value = event.detail.value;
 80 | 				if (!value) {
 81 | 					this.inputValue = 0;
 82 | 					return
 83 | 				}
 84 | 				value = +value;
 85 | 				if (value > this.max) {
 86 | 					value = this.max;
 87 | 				} else if (value < this.min) {
 88 | 					value = this.min
 89 | 				}
 90 | 				this.inputValue = value
 91 | 			}
 92 | 		}
 93 | 	}
 94 | </script>
 95 | <style>
 96 | 	.uni-numbox {
 97 | 		display: inline-flex;
 98 | 		flex-direction: row;
 99 | 		justify-content: flex-start;
100 | 		height: 70upx;
101 | 		position: relative;
102 | 	}
103 | 
104 | 	.uni-numbox::after {
105 | 		content: '';
106 | 		position: absolute;
107 | 		transform-origin: center;
108 | 		box-sizing: border-box;
109 | 		pointer-events: none;
110 | 		top: -50%;
111 | 		left: -50%;
112 | 		right: -50%;
113 | 		bottom: -50%;
114 | 		border: 1px solid #c8c7cc;
115 | 		transform: scale(.5);
116 | 	}
117 | 
118 | 	.uni-numbox-minus,
119 | 	.uni-numbox-plus {
120 | 		margin: 0;
121 | 		background-color: #f9f9f9;
122 | 		width: 80upx;
123 | 		height: 100%;
124 | 		line-height: 70upx;
125 | 		text-align: center;
126 | 		color: #555555;
127 | 		position: relative;
128 | 	}
129 | 
130 | 	.uni-numbox-minus {
131 | 		border-right: none;
132 | 		border-top-left-radius: 6upx;
133 | 		border-bottom-left-radius: 6upx;
134 | 	}
135 | 
136 | 	.uni-numbox-plus {
137 | 		border-left: none;
138 | 		border-top-right-radius: 6upx;
139 | 		border-bottom-right-radius: 6upx;
140 | 	}
141 | 
142 | 	.uni-numbox-value {
143 | 		position: relative;
144 | 		background-color: #ffffff;
145 | 		width: 80upx;
146 | 		height: 100%;
147 | 		text-align: center;
148 | 		padding: 0;
149 | 	}
150 | 
151 | 	.uni-numbox-value::after {
152 | 		content: '';
153 | 		position: absolute;
154 | 		transform-origin: center;
155 | 		box-sizing: border-box;
156 | 		pointer-events: none;
157 | 		top: -50%;
158 | 		left: -50%;
159 | 		right: -50%;
160 | 		bottom: -50%;
161 | 		border-style: solid;
162 | 		border-color: #cccccc;
163 | 		border-left-width: 1px;
164 | 		border-right-width: 1px;
165 | 		border-top-width: 0;
166 | 		border-bottom-width: 0;
167 | 		transform: scale(.5);
168 | 	}
169 | 
170 | 	.uni-numbox-disabled {
171 | 		color: #c0c0c0;
172 | 	}
173 | </style>
174 | 


--------------------------------------------------------------------------------
/components/uni/uni-popup.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		<view class="uni-mask" v-show="show" :style="{top:offsetTop + 'px'}" @click="hide"></view>
 4 | 		<view :class="['uni-popup','uni-popup-'+type]" v-show="show">
 5 | 			{{msg}}
 6 | 			<slot></slot>
 7 | 		</view>
 8 | 	</view>
 9 | </template>
10 | 
11 | <script>
12 | 	export default {
13 | 		props: {
14 | 			show: {
15 | 				type: Boolean,
16 | 				default: false
17 | 			},
18 | 			type: {
19 | 				type: String,
20 | 				//top - 顶部， middle - 居中, bottom - 底部
21 | 				default: 'middle'
22 | 			},
23 | 			msg: {
24 | 				type: String,
25 | 				default: ""
26 | 			}
27 | 		},
28 | 		data() {
29 | 			let offsetTop = 0;
30 | 			//#ifdef H5
31 | 			offsetTop = 44;
32 | 			//#endif
33 | 			return {
34 | 				offsetTop: offsetTop
35 | 			}
36 | 		},
37 | 		methods: {
38 | 			hide: function() {
39 | 				this.$emit('hidePopup');
40 | 			}
41 | 		}
42 | 	}
43 | </script>
44 | <style>
45 | 	.uni-mask {
46 | 		position: fixed;
47 | 		z-index: 998;
48 | 		top: 0;
49 | 		right: 0;
50 | 		bottom: 0;
51 | 		left: 0;
52 | 		background-color: rgba(0, 0, 0, .3);
53 | 	}
54 | 
55 | 	.uni-popup {
56 | 		position: absolute;
57 | 		z-index: 999;
58 | 		background-color: #ffffff;
59 | 		box-shadow: 0 0 30upx rgba(0, 0, 0, .1);
60 | 	}
61 | 
62 | 	.uni-popup-middle {
63 | 		display: flex;
64 | 		flex-direction: column;
65 | 		align-items: center;
66 | 		width: 380upx;
67 | 		height: 380upx;
68 | 		border-radius: 10upx;
69 | 		top: 50%;
70 | 		left: 50%;
71 | 		transform: translate(-50%, -50%);
72 | 		justify-content: center;
73 | 		padding: 30upx;
74 | 	}
75 | 
76 | 	.uni-popup-top {
77 | 		top: 0;
78 | 		left: 0;
79 | 		width: 100%;
80 | 		height: 100upx;
81 | 		line-height: 100upx;
82 | 		text-align: center;
83 | 	}
84 | 
85 | 	.uni-popup-bottom {
86 | 		left: 0;
87 | 		bottom: 0;
88 | 		width: 100%;
89 | 		height: 100upx;
90 | 		line-height: 100upx;
91 | 		text-align: center;
92 | 	}
93 | </style>
94 | 


--------------------------------------------------------------------------------
/components/uni/uni-segmented-control.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="segmented-control" :class="styleType" :style="wrapStyle">
  3 | 		<view v-for="(item, index) in values" class="segmented-control-item" :class="styleType" :key="index" :style="index === currentIndex ? activeStyle : itemStyle" @click="onClick(index)">
  4 | 			{{item}}
  5 | 		</view>
  6 | 	</view>
  7 | </template>
  8 | 
  9 | <script>
 10 | 	export default {
 11 | 		name: 'segmented-control',
 12 | 		props: {
 13 | 			current: {
 14 | 				type: Number,
 15 | 				default: 0
 16 | 			},
 17 | 			values: {
 18 | 				type: Array,
 19 | 				default () {
 20 | 					return [];
 21 | 				}
 22 | 			},
 23 | 			activeColor: {
 24 | 				type: String,
 25 | 				default: '#007aff'
 26 | 			},
 27 | 			styleType: {
 28 | 				type: String,
 29 | 				default: 'button'
 30 | 			}
 31 | 		},
 32 | 		data() {
 33 | 			return {
 34 | 				currentIndex: this.current
 35 | 			}
 36 | 		},
 37 | 		watch: {
 38 | 			current(val) {
 39 | 				if (val !== this.currentIndex) {
 40 | 					this.currentIndex = val;
 41 | 				}
 42 | 			}
 43 | 		},
 44 | 		computed: {
 45 | 			wrapStyle() {
 46 | 				let styleString = '';
 47 | 				switch (this.styleType) {
 48 | 					case 'text':
 49 | 						styleString = `border:0;`;
 50 | 						break;
 51 | 					default:
 52 | 						styleString = `border-color: ${this.activeColor}`;
 53 | 						break;
 54 | 				}
 55 | 				return styleString;
 56 | 			},
 57 | 			itemStyle() {
 58 | 				let styleString = '';
 59 | 				switch (this.styleType) {
 60 | 					case 'text':
 61 | 						styleString = `color:#000;border-left:0;`;
 62 | 						break;
 63 | 					default:
 64 | 						styleString = `color:${this.activeColor};border-color:${this.activeColor};`;
 65 | 						break;
 66 | 				}
 67 | 				return styleString;
 68 | 			},
 69 | 			activeStyle() {
 70 | 				let styleString = '';
 71 | 				switch (this.styleType) {
 72 | 					case 'text':
 73 | 						styleString = `color:${this.activeColor};border-left:0;border-bottom-style:solid;`;
 74 | 						break;
 75 | 					default:
 76 | 						styleString = `color:#fff;border-color:${this.activeColor};background-color:${this.activeColor}`;
 77 | 						break;
 78 | 				}
 79 | 				return styleString;
 80 | 			}
 81 | 		},
 82 | 		methods: {
 83 | 			onClick(index) {
 84 | 				if (this.currentIndex !== index) {
 85 | 					this.currentIndex = index;
 86 | 					this.$emit('clickItem', index);
 87 | 				}
 88 | 			}
 89 | 		},
 90 | 	}
 91 | </script>
 92 | 
 93 | <style>
 94 | 	.segmented-control {
 95 | 		display: flex;
 96 | 		flex-direction: row;
 97 | 		justify-content: center;
 98 | 		width: 75%;
 99 | 		font-size: 28upx;
100 | 		border-radius: 10upx;
101 | 		box-sizing: border-box;
102 | 		margin: 0 auto;
103 | 		overflow: hidden;
104 | 	}
105 | 
106 | 	.segmented-control.button {
107 | 		border: 2upx solid;
108 | 	}
109 | 
110 | 	.segmented-control.text {
111 | 		border: 0;
112 | 		border-radius: 0upx;
113 | 	}
114 | 
115 | 
116 | 	.segmented-control-item {
117 | 		flex: 1;
118 | 		text-align: center;
119 | 		line-height: 60upx;
120 | 		box-sizing: border-box;
121 | 	}
122 | 
123 | 	.segmented-control-item.button {
124 | 		border-left: 1upx solid;
125 | 	}
126 | 
127 | 	.segmented-control-item.text {
128 | 		border-left: 0;
129 | 	}
130 | 
131 | 	.segmented-control-item:first-child {
132 | 		border-left-width: 0;
133 | 	}
134 | </style>
135 | 


--------------------------------------------------------------------------------
/components/uni/uni-status-bar.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <view class="uni-status-bar" :style="style">
 3 |         <slot></slot>
 4 |     </view>
 5 | </template>
 6 | 
 7 | <script>
 8 |     export default {
 9 |         computed: {
10 |             style() {
11 |                 //#ifdef MP-WEIXIN
12 |                 var systemInfo = uni.getSystemInfoSync()
13 |                 return `height:${systemInfo.statusBarHeight}px`
14 |                 //#endif
15 |                 //#ifdef APP-PLUS
16 |                 return ''
17 |                 //#endif
18 |             }
19 |         }
20 |     }
21 | </script>
22 | 
23 | <style>
24 |     .uni-status-bar {
25 |         display: block;
26 |         width: 100%;
27 |         height: 20px;
28 |         height: var(--status-bar-height);
29 |     }
30 | </style>
31 | 


--------------------------------------------------------------------------------
/components/uni/uni-tag.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <view>
  3 |         <view class="uni-tag" v-if="text" :class="[disabled === true || disabled === 'true' ? 'uni-tag-disabled' : '',inverted === true || inverted === 'true' ? 'uni-tag-inverted' : '',circle === true || circle === 'true' ? 'uni-tag-circle' : '','uni-tag-'+size,'uni-tag-'+type]" @click="onClick()">{{text}}</view>
  4 |         <view class="uni-tag-thin" v-if="text == ''" :class="[disabled === true || disabled === 'true' ? 'uni-tag-disabled' : '',inverted === true || inverted === 'true' ? 'uni-tag-inverted' : '',circle === true || circle === 'true' ? 'uni-tag-circle' : '','uni-tag-'+size,'uni-tag-'+type]" @click="onClick()">{{text}}</view>
  5 |     </view>
  6 | </template>
  7 | 
  8 | <script>
  9 |     export default {
 10 |         props: {
 11 |             type: { //标签类型default、primary、success、warning、danger、royal
 12 |                 type: String,
 13 |                 default: 'default'
 14 |             },
 15 |             size: { //标签大小 normal, small
 16 |                 type: String,
 17 |                 default: 'normal'
 18 |             },
 19 |             text: String, //标签内容
 20 |             disabled: { //是否为禁用状态
 21 |             	type: [String, Boolean],
 22 |             	defalut: false
 23 |             },
 24 |             inverted: { //是否为空心
 25 |             	type: [String, Boolean],
 26 |             	defalut: false
 27 |             },
 28 |             circle: { //是否为圆角
 29 |                 type: [String, Boolean],
 30 |                 defalut: false
 31 |             }
 32 |         },
 33 |         methods: {
 34 |             onClick() {
 35 |                 if(this.disabled === true || this.disabled === 'true'){
 36 |                     return;
 37 |                 }
 38 |                 this.$emit('click')
 39 |             }
 40 |         }
 41 |     }
 42 | </script>
 43 | 
 44 | <style>
 45 |     .uni-tag,
 46 |     .uni-tag-default {
 47 |         box-sizing: border-box;
 48 |         padding: 0px 32upx;
 49 |         height: 60upx;
 50 |         line-height: calc(60upx - 2px);
 51 |         font-size: 28upx;
 52 |         display: inline-block;
 53 |         color: #666;
 54 |         border-radius: 8upx;
 55 |         background-color: #F1F1F1;
 56 |         border: 1px solid #F1F1F1;
 57 |     }
 58 |     .uni-tag-thin{
 59 |         padding: 0px 7upx;
 60 |         box-sizing: border-box;
 61 |         height: 60upx;
 62 |         line-height: calc(60upx - 2px);
 63 |         font-size: 28upx;
 64 |         display: inline-block;
 65 |         color: #666;
 66 |         border-radius: 8upx;
 67 |         background-color: #F1F1F1;
 68 |         border: 1px solid #F1F1F1;
 69 |     }
 70 |     .uni-tag-circle{
 71 |         border-radius: 30upx;
 72 |     }
 73 |     .uni-tag-small{
 74 |         height: 40upx;
 75 |         padding: 0px 16upx;
 76 |         line-height: calc(40upx - 2px);
 77 |         font-size: 20rpx;
 78 |     }
 79 |     .uni-tag-disabled{
 80 |         opacity: 0.5;
 81 |     }
 82 |     .uni-tag-thin.uni-tag-inverted,
 83 |     .uni-tag.uni-tag-inverted {
 84 |         color: #666;
 85 |         background-color: #FFFFFF;
 86 |         border: 1px solid # F1F1F1;
 87 |     }
 88 | 
 89 |     .uni-tag-primary {
 90 |         color: #fff;
 91 |         background-color: #007aff;
 92 |         border: 1px solid #007aff;
 93 |     }
 94 | 
 95 |     .uni-tag-primary.uni-tag-inverted {
 96 |         color: #007aff;
 97 |         background-color: #FFFFFF;
 98 |         border: 1px solid #007aff;
 99 |     }
100 | 
101 |     .uni-tag-success {
102 |         color: #fff;
103 |         background-color: #4cd964;
104 |         border: 1px solid #4cd964;
105 |     }
106 | 
107 |     .uni-tag-success.uni-tag-inverted {
108 |         color: #4cd964;
109 |         background-color: #FFFFFF;
110 |         border: 1px solid #4cd964;
111 |     }
112 | 
113 |     .uni-tag-warning {
114 |         color: #fff;
115 |         background-color: #f0ad4e;
116 |         border: 1px solid #f0ad4e;
117 |     }
118 | 
119 |     .uni-tag-warning.uni-tag-inverted{
120 |         color: #f0ad4e;
121 |         background-color: #FFFFFF;
122 |         border: 1px solid #f0ad4e;
123 |     }
124 | 
125 |     .uni-tag-danger{
126 |         color: #fff;
127 |         background-color: #dd524d;
128 |         border: 1px solid #dd524d;
129 |     }
130 | 
131 |     .uni-tag-danger.uni-tag-inverted {
132 |         color: #dd524d;
133 |         background-color: #FFFFFF;
134 |         border: 1px solid #dd524d;
135 |     }
136 | 
137 |     .uni-tag-royal {
138 |         color: #fff;
139 |         background-color: #8a6de9;
140 |         border: 1px solid #8a6de9;
141 |     }
142 | 
143 |     .uni-tag-royal.uni-tag-inverted {
144 |         color: #8a6de9;
145 |         background-color: #FFFFFF;
146 |         border: 1px solid #8a6de9;
147 |     }
148 | </style>
149 | 


--------------------------------------------------------------------------------
/euler-uniapp-boilerplate.iml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <module org.jetbrains.idea.maven.project.MavenProjectsManager.isMavenModule="true" type="JAVA_MODULE" version="4">
 3 |   <component name="NewModuleRootManager" LANGUAGE_LEVEL="JDK_1_5">
 4 |     <output url="file://$MODULE_DIR$/target/classes" />
 5 |     <output-test url="file://$MODULE_DIR$/target/test-classes" />
 6 |     <content url="file://$MODULE_DIR$">
 7 |       <excludeFolder url="file://$MODULE_DIR$/target" />
 8 |     </content>
 9 |     <orderEntry type="inheritedJdk" />
10 |     <orderEntry type="sourceFolder" forTests="false" />
11 |   </component>
12 | </module>


--------------------------------------------------------------------------------
/main.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue'
 2 | import App from './App'
 3 | 
 4 | import basics from './pages/basics/home.vue'
 5 | Vue.component('basics',basics);
 6 | 
 7 | import components from './pages/component/home.vue'
 8 | Vue.component('components',components);
 9 | 
10 | import plugin from './pages/plugin/home.vue'
11 | Vue.component('plugin',plugin);
12 | 
13 | import page from './pages/page/home.vue'
14 | Vue.component('page',page);
15 | 
16 | import sysComponents from './pages/sys-component/home.vue'
17 | Vue.component('sys-components',sysComponents);
18 | 
19 | import other from './pages/other/home.vue'
20 | Vue.component('other',other);
21 | 
22 | import cuCustom from './colorui/components/cu-custom.vue'
23 | Vue.component('cu-custom',cuCustom);
24 | 
25 | Vue.config.productionTip = false
26 | 
27 | App.mpType = 'app'
28 | 
29 | const app = new Vue({
30 |     ...App
31 | })
32 | app.$mount()
33 | 
34 | 
35 | 
36 | 
37 | 
38 | 


--------------------------------------------------------------------------------
/manifest.json:
--------------------------------------------------------------------------------
  1 | {
  2 |     "name" : "HUI-MOBILE",
  3 |     "appid" : "__UNI__2D055C3",
  4 |     "description" : "",
  5 |     "versionName" : "1.0.0",
  6 |     "versionCode" : "100",
  7 |     "transformPx" : false,
  8 |     "app-plus" : {
  9 |         /* 5+App特有相关 */
 10 |         "splashscreen" : {
 11 |             "alwaysShowBeforeRender" : true,
 12 |             "waiting" : true,
 13 |             "autoclose" : true,
 14 |             "delay" : 0
 15 |         },
 16 |         "modules" : {
 17 |             "Push" : {}
 18 |         },
 19 |         /* 模块配置 */
 20 |         "distribute" : {
 21 |             /* 应用发布信息 */
 22 |             "android" : {
 23 |                 /* android打包配置 */
 24 |                 "permissions" : [
 25 |                     "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
 26 |                     "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
 27 |                     "<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",
 28 |                     "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
 29 |                     "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
 30 |                     "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
 31 |                     "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
 32 |                     "<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
 33 |                     "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
 34 |                     "<uses-permission android:name=\"android.permission.CAMERA\"/>",
 35 |                     "<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
 36 |                     "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
 37 |                     "<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
 38 |                     "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
 39 |                     "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
 40 |                     "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
 41 |                     "<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
 42 |                     "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
 43 |                     "<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
 44 |                     "<uses-feature android:name=\"android.hardware.camera\"/>",
 45 |                     "<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
 46 |                     "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
 47 |                 ],
 48 |                 "schemes" : "euler-demo"
 49 |             },
 50 |             "ios" : {
 51 |                 "urltypes" : "euler-demo",
 52 |                 "idfa" : false
 53 |             },
 54 |             /* ios打包配置 */
 55 |             "sdkConfigs" : {
 56 |                 "push" : {
 57 |                     "unipush" : {}
 58 |                 }
 59 |             },
 60 |             "icons" : {
 61 |                 "android" : {
 62 |                     "xhdpi" : "",
 63 |                     "hdpi" : "",
 64 |                     "xxhdpi" : "",
 65 |                     "xxxhdpi" : ""
 66 |                 },
 67 |                 "ios" : {
 68 |                     "iphone" : {
 69 |                         "app@2x" : "",
 70 |                         "app@3x" : "",
 71 |                         "notification@2x" : "",
 72 |                         "notification@3x" : "",
 73 |                         "settings@2x" : "",
 74 |                         "settings@3x" : "",
 75 |                         "spotlight@2x" : "",
 76 |                         "spotlight@3x" : ""
 77 |                     },
 78 |                     "appstore" : "",
 79 |                     "ipad" : {
 80 |                         "app" : "",
 81 |                         "app@2x" : "",
 82 |                         "notification" : "",
 83 |                         "notification@2x" : "",
 84 |                         "proapp@2x" : "",
 85 |                         "settings" : "",
 86 |                         "settings@2x" : "",
 87 |                         "spotlight" : "",
 88 |                         "spotlight@2x" : ""
 89 |                     }
 90 |                 }
 91 |             }
 92 |         }
 93 |     },
 94 |     /* SDK配置 */
 95 |     "quickapp" : {},
 96 |     /* 快应用特有相关 */
 97 |     "mp-weixin" : {
 98 |         "appid" : "",
 99 |         "setting" : {
100 |             "urlCheck" : true,
101 |             "es6" : false
102 |         }
103 |     },
104 |     "mp-toutiao" : {
105 |         "appid" : ""
106 |     },
107 |     "h5" : {
108 |         "router" : {
109 |             "base" : "/umobile/"
110 |         }
111 |     }
112 | }
113 | 


--------------------------------------------------------------------------------
/node_modules/.bin/prettier:
--------------------------------------------------------------------------------
 1 | #!/bin/sh
 2 | basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
 3 | 
 4 | case `uname` in
 5 |     *CYGWIN*) basedir=`cygpath -w "$basedir"`;;
 6 | esac
 7 | 
 8 | if [ -x "$basedir/node" ]; then
 9 |   "$basedir/node"  "$basedir/../prettier/bin-prettier.js" "$@"
10 |   ret=$?
11 | else 
12 |   node  "$basedir/../prettier/bin-prettier.js" "$@"
13 |   ret=$?
14 | fi
15 | exit $ret
16 | 


--------------------------------------------------------------------------------
/node_modules/.bin/prettier.cmd:
--------------------------------------------------------------------------------
1 | @IF EXIST "%~dp0\node.exe" (
2 |   "%~dp0\node.exe"  "%~dp0\..\prettier\bin-prettier.js" %*
3 | ) ELSE (
4 |   @SETLOCAL
5 |   @SET PATHEXT=%PATHEXT:;.JS;=;%
6 |   node  "%~dp0\..\prettier\bin-prettier.js" %*
7 | )


--------------------------------------------------------------------------------
/node_modules/prettier/README.md:
--------------------------------------------------------------------------------
 1 | ![Prettier Banner](https://raw.githubusercontent.com/prettier/prettier-logo/master/images/prettier-banner-light.png)
 2 | 
 3 | <h2 align="center">Opinionated Code Formatter</h2>
 4 | 
 5 | <p align="center">
 6 |   <em>
 7 |   JavaScript
 8 |   · Flow
 9 |   · TypeScript
10 |   · CSS
11 |   · SCSS
12 |   · Less
13 |   · JSX
14 |   · Vue
15 |   · GraphQL
16 |   · JSON
17 |   · Markdown
18 |   · <a href="https://prettier.io/docs/en/plugins.html">
19 |       Your favorite language?
20 |     </a>
21 |   </em>
22 | </p>
23 | 
24 | <p align="center">
25 |   <a href="https://gitter.im/jlongster/prettier">
26 |     <img alt="Gitter" src="https://img.shields.io/gitter/room/jlongster/prettier.svg?style=flat-square">
27 |   </a>
28 |   <a href="https://travis-ci.org/prettier/prettier">
29 |     <img alt="Travis" src="https://img.shields.io/travis/prettier/prettier/master.svg?style=flat-square">
30 |   </a>
31 |   <a href="https://codecov.io/gh/prettier/prettier">
32 |     <img alt="Codecov" src="https://img.shields.io/codecov/c/github/prettier/prettier.svg?style=flat-square">
33 |   </a>
34 |   <a href="https://www.npmjs.com/package/prettier">
35 |     <img alt="npm version" src="https://img.shields.io/npm/v/prettier.svg?style=flat-square">
36 |   </a>
37 |   <a href="https://www.npmjs.com/package/prettier">
38 |     <img alt="monthly downloads" src="https://img.shields.io/npm/dm/prettier.svg?style=flat-square">
39 |   </a>
40 |   <a href="#badge">
41 |     <img alt="code style: prettier" src="https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square">
42 |   </a>
43 |   <a href="https://twitter.com/PrettierCode">
44 |     <img alt="Follow+Prettier+on+Twitter" src="https://img.shields.io/twitter/follow/prettiercode.svg?label=follow+prettier&style=flat-square">
45 |   </a>
46 | </p>
47 | 
48 | ## Intro
49 | 
50 | Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.
51 | 
52 | ### Input
53 | 
54 | <!-- prettier-ignore -->
55 | ```js
56 | foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne());
57 | ```
58 | 
59 | ### Output
60 | 
61 | ```js
62 | foo(
63 |   reallyLongArg(),
64 |   omgSoManyParameters(),
65 |   IShouldRefactorThis(),
66 |   isThereSeriouslyAnotherOne()
67 | );
68 | ```
69 | 
70 | Prettier can be run [in your editor](http://prettier.io/docs/en/editors.html) on-save, in a [pre-commit hook](https://prettier.io/docs/en/precommit.html), or in [CI environments](https://prettier.io/docs/en/cli.html#list-different) to ensure your codebase has a consistent style without devs ever having to post a nit-picky comment on a code review ever again!
71 | 
72 | ---
73 | 
74 | **[Documentation](https://prettier.io/docs/en/)**
75 | 
76 | <!-- prettier-ignore -->
77 | [Install](https://prettier.io/docs/en/install.html) ·
78 | [Options](https://prettier.io/docs/en/options.html) ·
79 | [CLI](https://prettier.io/docs/en/cli.html) ·
80 | [API](https://prettier.io/docs/en/api.html)
81 | 
82 | **[Playground](https://prettier.io/playground/)**
83 | 
84 | ---
85 | 
86 | ## Badge
87 | 
88 | Show the world you're using _Prettier_ → [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
89 | 
90 | ```md
91 | [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
92 | ```
93 | 
94 | ## Contributing
95 | 
96 | See [CONTRIBUTING.md](CONTRIBUTING.md).
97 | 


--------------------------------------------------------------------------------
/node_modules/prettier/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "_from": "prettier@~1.12.0",
 3 |   "_id": "prettier@1.12.1",
 4 |   "_inBundle": false,
 5 |   "_integrity": "sha1-wa0g6APndJ+vkFpAnSNn4Gu+cyU=",
 6 |   "_location": "/prettier",
 7 |   "_phantomChildren": {},
 8 |   "_requested": {
 9 |     "type": "range",
10 |     "registry": true,
11 |     "raw": "prettier@~1.12.0",
12 |     "name": "prettier",
13 |     "escapedName": "prettier",
14 |     "rawSpec": "~1.12.0",
15 |     "saveSpec": null,
16 |     "fetchSpec": "~1.12.0"
17 |   },
18 |   "_requiredBy": [
19 |     "#USER",
20 |     "/"
21 |   ],
22 |   "_resolved": "http://registry.npm.taobao.org/prettier/download/prettier-1.12.1.tgz",
23 |   "_shasum": "c1ad20e803e7749faf905a409d2367e06bbe7325",
24 |   "_spec": "prettier@~1.12.0",
25 |   "_where": "E:\\weilanwlSVN\\colorui\\github\\ColorUI\\Colorui-UniApp",
26 |   "author": {
27 |     "name": "James Long"
28 |   },
29 |   "bin": {
30 |     "prettier": "./bin-prettier.js"
31 |   },
32 |   "bugs": {
33 |     "url": "https://github.com/prettier/prettier/issues"
34 |   },
35 |   "bundleDependencies": false,
36 |   "deprecated": false,
37 |   "description": "Prettier is an opinionated code formatter",
38 |   "devDependencies": {
39 |     "babel-cli": "6.24.1",
40 |     "babel-preset-es2015": "6.24.1",
41 |     "codecov": "2.2.0",
42 |     "cross-env": "5.0.5",
43 |     "eslint": "4.18.2",
44 |     "eslint-config-prettier": "2.9.0",
45 |     "eslint-friendly-formatter": "3.0.0",
46 |     "eslint-plugin-import": "2.9.0",
47 |     "eslint-plugin-prettier": "2.6.0",
48 |     "eslint-plugin-react": "7.7.0",
49 |     "jest": "21.1.0",
50 |     "mkdirp": "0.5.1",
51 |     "prettier": "1.12.0",
52 |     "prettylint": "1.0.0",
53 |     "rimraf": "2.6.2",
54 |     "rollup": "0.47.6",
55 |     "rollup-plugin-commonjs": "8.2.6",
56 |     "rollup-plugin-json": "2.1.1",
57 |     "rollup-plugin-node-builtins": "2.0.0",
58 |     "rollup-plugin-node-globals": "1.1.0",
59 |     "rollup-plugin-node-resolve": "2.0.0",
60 |     "rollup-plugin-replace": "1.2.1",
61 |     "shelljs": "0.8.1",
62 |     "snapshot-diff": "0.2.2",
63 |     "strip-ansi": "4.0.0",
64 |     "tempy": "0.2.1",
65 |     "uglify-es": "3.3.9",
66 |     "webpack": "2.6.1"
67 |   },
68 |   "engines": {
69 |     "node": ">=4"
70 |   },
71 |   "files": [
72 |     "*.js"
73 |   ],
74 |   "homepage": "https://prettier.io",
75 |   "license": "MIT",
76 |   "main": "./index.js",
77 |   "name": "prettier",
78 |   "repository": {
79 |     "type": "git",
80 |     "url": "git+https://github.com/prettier/prettier.git"
81 |   },
82 |   "scripts": {
83 |     "prepublishOnly": "node -e \"assert.equal(require('.').version, require('..').version)\""
84 |   },
85 |   "version": "1.12.1"
86 | }
87 | 


--------------------------------------------------------------------------------
/node_modules/prettier/parser-vue.js:
--------------------------------------------------------------------------------
1 | "use strict";function makeMap(e,t){const n=Object.create(null),a=e.split(",");for(let e=0;e<a.length;e++)n[a[e]]=!0;return t?e=>n[e.toLowerCase()]:e=>n[e]}const no=()=>!1,isNonPhrasingTag=makeMap("address,article,aside,base,blockquote,body,caption,col,colgroup,dd,details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,title,tr,track"),attribute=/^\s*([^\s"'<>/=]+)(?:\s*(=)\s*(?:"([^"]*)"+|'([^']*)'+|([^\s"'=<>`]+)))?/,ncname="[a-zA-Z_][\\w\\-\\.]*",qnameCapture=`((?:${ncname}\\:)?${ncname})`,startTagOpen=new RegExp(`^<${qnameCapture}`),startTagClose=/^\s*(\/?)>/,endTag=new RegExp(`^<\\/${qnameCapture}[^>]*>`),doctype=/^<!DOCTYPE [^>]+>/i,comment=/^<!--/,conditionalComment=/^<!\[/;let IS_REGEX_CAPTURING_BROKEN=!1;"x".replace(/x(.)?/g,(e,t)=>{IS_REGEX_CAPTURING_BROKEN=""===t});const isPlainTextElement=makeMap("script,style,textarea",!0),reCache={},decodingMap={"&lt;":"<","&gt;":">","&quot;":'"',"&amp;":"&","&#10;":"\n","&#9;":"\t"},encodedAttr=/&(?:lt|gt|quot|amp);/g,encodedAttrWithNewLines=/&(?:lt|gt|quot|amp|#10|#9);/g,isIgnoreNewlineTag=makeMap("pre,textarea",!0),shouldIgnoreFirstNewline=(e,t)=>e&&isIgnoreNewlineTag(e)&&"\n"===t[0];function decodeAttr(e,t){const n=t?encodedAttrWithNewLines:encodedAttr;return e.replace(n,e=>decodingMap[e])}function parseHTML(e,t){const n=[],a=t.expectHTML,r=t.isUnaryTag||no,o=t.canBeLeftOpenTag||no;let s,c,i=0;for(;e;){if(s=e,c&&isPlainTextElement(c)){let n=0;const a=c.toLowerCase(),r=reCache[a]||(reCache[a]=new RegExp("([\\s\\S]*?)(</"+a+"[^>]*>)","i")),o=e.replace(r,(e,r,o)=>(n=o.length,isPlainTextElement(a)||"noscript"===a||(r=r.replace(/<!--([\s\S]*?)-->/g,"$1").replace(/<!\[CDATA\[([\s\S]*?)]]>/g,"$1")),shouldIgnoreFirstNewline(a,r)&&(r=r.slice(1)),t.chars&&t.chars(r),""));i+=e.length-o.length,e=o,h(a,i-n,i)}else{let n,a,r,o=e.indexOf("<");if(0===o){if(comment.test(e)){const n=e.indexOf("--\x3e");if(n>=0){t.shouldKeepComment&&t.comment(e.substring(4,n)),l(n+3);continue}}if(conditionalComment.test(e)){const t=e.indexOf("]>");if(t>=0){l(t+2);continue}}const n=e.match(doctype);if(n){l(n[0].length);continue}const a=e.match(endTag);if(a){const e=i;l(a[0].length),h(a[1],e,i);continue}const r=d();if(r){g(r),shouldIgnoreFirstNewline(c,e)&&l(1);continue}}if(o>=0){for(a=e.slice(o);!(endTag.test(a)||startTagOpen.test(a)||comment.test(a)||conditionalComment.test(a)||(r=a.indexOf("<",1))<0);)o+=r,a=e.slice(o);n=e.substring(0,o),l(o)}o<0&&(n=e,e=""),t.chars&&n&&t.chars(n)}if(e===s){t.chars&&t.chars(e),"production"!==process.env.NODE_ENV&&!n.length&&t.warn&&t.warn(`Mal-formatted tag at end of template: "${e}"`);break}}function l(t){i+=t,e=e.substring(t)}function d(){const t=e.match(startTagOpen);if(t){const n={tagName:t[1],attrs:[],start:i};let a,r;for(l(t[0].length);!(a=e.match(startTagClose))&&(r=e.match(attribute));)l(r[0].length),n.attrs.push(r);if(a)return n.unarySlash=a[1],l(a[0].length),n.end=i,n}}function g(e){const s=e.tagName,i=e.unarySlash;a&&("p"===c&&isNonPhrasingTag(s)&&h(c),o(s)&&c===s&&h(s));const l=r(s)||!!i,d=e.attrs.length,g=new Array(d);for(let n=0;n<d;n++){const a=e.attrs[n];IS_REGEX_CAPTURING_BROKEN&&-1===a[0].indexOf('""')&&(""===a[3]&&delete a[3],""===a[4]&&delete a[4],""===a[5]&&delete a[5]);const r=a[3]||a[4]||a[5]||"",o="a"===s&&"href"===a[1]?t.shouldDecodeNewlinesForHref:t.shouldDecodeNewlines;g[n]={name:a[1],value:decodeAttr(r,o)}}l||(n.push({tag:s,lowerCasedTag:s.toLowerCase(),attrs:g}),c=s),t.start&&t.start(s,g,l,e.start,e.end)}function h(e,a,r){let o,s;if(null==a&&(a=i),null==r&&(r=i),e&&(s=e.toLowerCase()),e)for(o=n.length-1;o>=0&&n[o].lowerCasedTag!==s;o--);else o=0;if(o>=0){for(let s=n.length-1;s>=o;s--)"production"!==process.env.NODE_ENV&&(s>o||!e)&&t.warn&&t.warn(`tag <${n[s].tag}> has no matching end tag.`),t.end&&t.end(n[s].tag,a,r);n.length=o,c=o&&n[o-1].tag}else"br"===s?t.start&&t.start(e,[],!0,a,r):"p"===s&&(t.start&&t.start(e,[],!1,a,r),t.end&&t.end(e,a,r))}h()}function parse(e){const t={tag:"root",attrs:[],unary:!1,start:0,contentStart:0,contentEnd:e.length,end:e.length,children:[],comments:[]},n=[t];let a=t;return parseHTML(e,{start:function(e,t,r,o,s){const c={tag:e,attrs:t,unary:r,start:o,children:[]};a.children.push(c),r?c.end=s:(c.contentStart=s,n.push(c),a=c)},end:function(e,t,r){n.pop(),a.contentEnd=t,a.end=r,a=n[n.length-1]}}),t}var parserVue=parse;module.exports=parserVue;
2 | 


--------------------------------------------------------------------------------
/package-lock.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "requires": true,
 3 |   "lockfileVersion": 1,
 4 |   "dependencies": {
 5 |     "prettier": {
 6 |       "version": "1.12.1",
 7 |       "resolved": "http://registry.npm.taobao.org/prettier/download/prettier-1.12.1.tgz",
 8 |       "integrity": "sha1-wa0g6APndJ+vkFpAnSNn4Gu+cyU="
 9 |     }
10 |   }
11 | }
12 | 


--------------------------------------------------------------------------------
/pages.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "pages": [
  3 |     //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
  4 |     {
  5 |       "path": "pages/index/index",
  6 |       "style": {}
  7 |     },
  8 |     {
  9 |       "path": "pages/basics/layout",
 10 |       "style": {}
 11 |     },
 12 |     {
 13 |       "path": "pages/basics/background",
 14 |       "style": {}
 15 |     },
 16 |     {
 17 |       "path": "pages/basics/text",
 18 |       "style": {}
 19 |     },
 20 |     {
 21 |       "path": "pages/basics/icon",
 22 |       "style": {}
 23 |     },
 24 |     {
 25 |       "path": "pages/basics/button",
 26 |       "style": {}
 27 |     },
 28 |     {
 29 |       "path": "pages/basics/design",
 30 |       "style": {}
 31 |     },
 32 |     {
 33 |       "path": "pages/basics/tag",
 34 |       "style": {}
 35 |     },
 36 |     {
 37 |       "path": "pages/basics/avatar",
 38 |       "style": {}
 39 |     },
 40 |     {
 41 |       "path": "pages/basics/progress",
 42 |       "style": {}
 43 |     },
 44 |     {
 45 |       "path": "pages/basics/shadow",
 46 |       "style": {}
 47 |     },
 48 |     {
 49 |       "path": "pages/basics/loading",
 50 |       "style": {}
 51 |     },
 52 |     {
 53 |       "path": "pages/component/bar",
 54 |       "style": {}
 55 |     },
 56 |     {
 57 |       "path": "pages/component/nav",
 58 |       "style": {}
 59 |     },
 60 |     {
 61 |       "path": "pages/component/list",
 62 |       "style": {}
 63 |     },
 64 |     {
 65 |       "path": "pages/component/card",
 66 |       "style": {}
 67 |     },
 68 |     {
 69 |       "path": "pages/component/form",
 70 |       "style": {}
 71 |     },
 72 |     {
 73 |       "path": "pages/component/timeline",
 74 |       "style": {}
 75 |     },
 76 |     {
 77 |       "path": "pages/component/chat",
 78 |       "style": {}
 79 |     },
 80 |     {
 81 |       "path": "pages/component/swiper",
 82 |       "style": {}
 83 |     },
 84 |     {
 85 |       "path": "pages/component/modal",
 86 |       "style": {}
 87 |     },
 88 |     {
 89 |       "path": "pages/component/steps",
 90 |       "style": {}
 91 |     },
 92 |     {
 93 |       "path": "pages/plugin/indexes",
 94 |       "style": {}
 95 |     },
 96 |     {
 97 |       "path": "pages/plugin/animation",
 98 |       "style": {}
 99 |     },
100 |     {
101 |       "path": "pages/plugin/drawer",
102 |       "style": {}
103 |     },
104 |     {
105 |       "path": "pages/plugin/verticalnav",
106 |       "style": {}
107 |     },
108 |     {
109 |       "path": "pages/sys-component/notice-list",
110 |       "style": {}
111 |     },
112 |     {
113 |       "path": "pages/sys-component/notice-content",
114 |       "style": {}
115 |     },
116 |     {
117 |       "path": "pages/sys-component/menu",
118 |       "style": {}
119 |     },
120 |     {
121 |       "path": "components/hm/more-menu",
122 |       "style": {}
123 |     },
124 |     {
125 |       "path": "pages/third",
126 |       "style": {}
127 |     },{
128 |       "path": "pages/search-page",
129 |       "style": {}
130 |     },{
131 |       "path": "pages/page/euler/login",
132 |       "style": {}
133 |     },{
134 |       "path": "pages/page/euler/main",
135 |       "style": {}
136 |     },{
137 |       "path": "pages/page/euler/forget-pwd",
138 |       "style": {}
139 |     },{
140 |       "path": "pages/page/euler/tab-main",
141 |       "style": {}
142 |     },{
143 |       "path": "pages/page/euler/tab-message",
144 |       "style": {}
145 |     },{
146 |       "path": "pages/page/euler/tab-my",
147 |       "style": {}
148 |     },{
149 |       "path": "pages/page/euler/msg-list",
150 |       "style": {}
151 |     },{
152 |       "path": "pages/page/euler/msg-content",
153 |       "style": {}
154 |     },{
155 |       "path": "pages/page/euler/upgrade",
156 |       "style": {}
157 |     },{
158 |       "path": "pages/page/euler/modify-pwd",
159 |       "style": {}
160 |     },{
161 |       "path": "pages/page/euler/upgrade-info",
162 |       "style": {}
163 |     },{
164 |       "path": "pages/page/euler/404",
165 |       "style": {}
166 |     },{
167 |       "path": "pages/page/euler/500",
168 |       "style": {}
169 |     },{
170 |       "path": "pages/page/euler/net-disconnect",
171 |       "style": {}
172 |     },{
173 |       "path": "pages/page/euler/user-not-bind",
174 |       "style": {}
175 |     },{
176 |       "path": "pages/page/euler/user-bind",
177 |       "style": {}
178 |     },{
179 |       "path": "pages/page/euler/user-center",
180 |       "style": {}
181 |     },{
182 |       "path": "pages/other/awake",
183 |       "style": {}
184 |     }
185 |   ],
186 |   "globalStyle": {
187 |     "mp-alipay": {
188 |       /* 支付宝小程序特有相关 */
189 |       "transparentTitle": "always",
190 |       "allowsBounceVertical": "NO"
191 |     },
192 |     "navigationBarBackgroundColor": "#0081ff",
193 |     "navigationBarTitleText": "ColorUi for UniApp",
194 |     "navigationStyle": "custom",
195 |     "navigationBarTextStyle": "white"
196 |   },
197 |   "usingComponts": true,
198 |   "condition": {
199 |     //模式配置，仅开发期间生效
200 |     "current": 0,
201 |     //当前激活的模式(list 的索引项)
202 |     "list": [
203 |       /*{
204 |         "name": "表单",
205 |         //模式名称
206 |         "path": "pages/component/form",
207 |         //启动页面
208 |         "query": ""
209 |         //启动参数
210 |       }*/
211 |     ]
212 |   }
213 | }
214 | 


--------------------------------------------------------------------------------
/pages/basics/avatar.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view>
  3 | 		<cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">头像</block></cu-custom>
  4 | 		<view class="cu-bar bg-white">
  5 | 			<view class="action">
  6 | 				<text class="cuIcon-title text-blue"></text>头像形状
  7 | 			</view>
  8 | 		</view>
  9 | 		<view class="padding">
 10 | 			<view class="cu-avatar round" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg)"></view>
 11 | 			<view class="cu-avatar radius margin-left" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big81005.jpg);"></view>
 12 | 		</view>
 13 | 		<view class="cu-bar bg-white margin-top">
 14 | 			<view class="action">
 15 | 				<text class="cuIcon-title text-blue"></text>头像尺寸
 16 | 			</view>
 17 | 		</view>
 18 | 		<view class="padding">
 19 | 			<view class="cu-avatar sm round margin-left" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg)"></view>
 20 | 			<view class="cu-avatar round margin-left" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big81005.jpg);"></view>
 21 | 			<view class="cu-avatar lg round margin-left" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big25002.jpg);"></view>
 22 | 			<view class="cu-avatar xl round margin-left" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg);"></view>
 23 | 		</view>
 24 | 		<view class="padding">
 25 | 			<view class="cu-avatar sm round margin-left bg-red"> A</view>
 26 | 			<view class="cu-avatar round margin-left bg-red">B</view>
 27 | 			<view class="cu-avatar lg round margin-left bg-red">C</view>
 28 | 			<view class="cu-avatar xl round margin-left bg-red">D</view>
 29 | 		</view>
 30 | 		<view class="padding">
 31 | 			<view class="cu-avatar sm round margin-left bg-red"> 蔚</view>
 32 | 			<view class="cu-avatar round margin-left bg-red">蓝</view>
 33 | 			<view class="cu-avatar lg round margin-left bg-red">
 34 | 				<text>wl</text>
 35 | 			</view>
 36 | 			<view class="cu-avatar xl round margin-left bg-red">
 37 | 				<text class="avatar-text">网络</text>
 38 | 			</view>
 39 | 		</view>
 40 | 		<view class="cu-bar bg-white margin-top">
 41 | 			<view class="action">
 42 | 				<text class="cuIcon-title text-blue"></text>内嵌文字(图标)
 43 | 			</view>
 44 | 		</view>
 45 | 		<view class="padding">
 46 | 			<view class="cu-avatar radius">
 47 | 				<text class="cuIcon-people"></text>
 48 | 			</view>
 49 | 			<view class="cu-avatar radius margin-left">
 50 | 				<text>港</text>
 51 | 			</view>
 52 | 		</view>
 53 | 
 54 | 		<view class="cu-bar bg-white margin-top">
 55 | 			<view class="action">
 56 | 				<text class="cuIcon-title text-blue"></text>头像颜色
 57 | 			</view>
 58 | 		</view>
 59 | 		<view class="padding-sm">
 60 | 			<view class="cu-avatar round lg margin-xs" :class="'bg-' + item.name" v-for="(item,index) in ColorList" :key="index">
 61 | 				<text class="avatar-text">{{item.name}}</text>
 62 | 			</view>
 63 | 		</view>
 64 | 		<view class="cu-bar bg-white margin-top">
 65 | 			<view class="action">
 66 | 				<text class="cuIcon-title text-blue"></text>头像组
 67 | 			</view>
 68 | 		</view>
 69 | 		<view class="padding">
 70 | 			<view class="cu-avatar-group">
 71 | 				<view class="cu-avatar round lg" v-for="(item,index) in avatar" :key="index" :style="[{ backgroundImage:'url(' + avatar[index] + ')' }]"></view>
 72 | 			</view>
 73 | 		</view>
 74 | 
 75 | 		<view class="cu-bar bg-white margin-top">
 76 | 			<view class="action">
 77 | 				<text class="cuIcon-title text-blue"></text>头像标签
 78 | 			</view>
 79 | 		</view>
 80 | 		<view class="padding">
 81 | 			<view class="cu-avatar round lg margin-left"  v-for="(item,index) in avatar" :key="index" :style="[{ backgroundImage:'url(' + avatar[index] + ')' }]">
 82 | 				<view class="cu-tag badge" :class="index%2==0?'cuIcon-female bg-pink':'cuIcon-male bg-blue'"></view>
 83 | 			</view>
 84 | 		</view>
 85 | 
 86 | 	</view>
 87 | </template>
 88 | 
 89 | <script>
 90 | 	export default {
 91 | 		data() {
 92 | 			return {
 93 | 				ColorList: this.ColorList,
 94 | 				avatar: [
 95 | 					'https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg',
 96 | 					'https://ossweb-img.qq.com/images/lol/web201310/skin/big81005.jpg',
 97 | 					'https://ossweb-img.qq.com/images/lol/web201310/skin/big25002.jpg',
 98 | 					'https://ossweb-img.qq.com/images/lol/web201310/skin/big91012.jpg'
 99 | 				],
100 | 
101 | 			};
102 | 		}
103 | 	}
104 | </script>
105 | 
106 | <style>
107 | 
108 | </style>
109 | 


--------------------------------------------------------------------------------
/pages/basics/button.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view>
  3 | 		<cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">按钮</block></cu-custom>
  4 | 		<view class="cu-bar bg-white solid-bottom">
  5 | 			<view class="action">
  6 | 				<text class="cuIcon-title text-blue"></text>按钮形状
  7 | 			</view>
  8 | 			<view class="action">
  9 | 				<navigator class="action" url="design" hover-class="none">
 10 | 					<text class="cuIcon-skinfill"></text>
 11 | 					<text class="text-df">设计</text>
 12 | 				</navigator>
 13 | 			</view>
 14 | 		</view>
 15 | 		<view class="padding flex flex-wrap justify-between align-center bg-white">
 16 | 			<button class="cu-btn">默认</button>
 17 | 			<button class="cu-btn round">圆角</button>
 18 | 			<button class="cu-btn cuIcon">
 19 | 				<text class="cuIcon-emojifill"></text>
 20 | 			</button>
 21 | 		</view>
 22 | 		<view class="cu-bar margin-top bg-white solid-bottom">
 23 | 			<view class="action">
 24 | 				<text class="cuIcon-title text-blue"></text>按钮尺寸
 25 | 			</view>
 26 | 		</view>
 27 | 		<view class="padding flex flex-wrap justify-between align-center bg-white">
 28 | 			<button class="cu-btn round sm">小尺寸</button>
 29 | 			<button class="cu-btn round">默认</button>
 30 | 			<button class="cu-btn round lg">大尺寸</button>
 31 | 		</view>
 32 | 		<view class="cu-bar margin-top bg-white">
 33 | 			<view class="action">
 34 | 				<text class="cuIcon-title text-blue"></text>按钮颜色
 35 | 			</view>
 36 | 			<view class="action">
 37 | 				<text class="text-df margin-right-sm">阴影</text>
 38 | 				<switch @change="SetShadow" :class="shadow?'checked':''" color="#39B54A"></switch>
 39 | 			</view>
 40 | 		</view>
 41 | 		<view class="grid col-5 padding-sm">
 42 | 			<view class="margin-tb-sm text-center" v-for="(item,index) in ColorList" :key="index">
 43 | 				<button class="cu-btn round" :class="['bg-' + item.name , shadow?'shadow':'']">{{item.title}}</button>
 44 | 			</view>
 45 | 		</view>
 46 | 		<view class="cu-bar margin-top bg-white">
 47 | 			<view class="action">
 48 | 				<text class="cuIcon-title text-blue"></text>镂空按钮
 49 | 			</view>
 50 | 			<view class="action">
 51 | 				<radio-group @change="SetBorderSize">
 52 | 					<label class="margin-left-sm">
 53 | 						<radio class="blue radio" value="" checked></radio>
 54 | 						<text class="margin-left-sm">小</text>
 55 | 					</label>
 56 | 					<label class="margin-left-sm">
 57 | 						<radio class="blue radio" value="s"></radio>
 58 | 						<text class="margin-left-sm">大</text>
 59 | 					</label>
 60 | 				</radio-group>
 61 | 			</view>
 62 | 		</view>
 63 | 		<view class="grid col-5 padding-sm">
 64 | 			<view class="margin-tb-sm text-center" v-for="(item,index) in ColorList" :key="index" v-if="item.name!='white'">
 65 | 				<button class="cu-btn round" :class="[bordersize?'lines-' + item.name:'line-' + item.name, shadow?'shadow':'']">{{item.title}}</button>
 66 | 			</view>
 67 | 		</view>
 68 | 		<view class="cu-bar margin-top bg-white">
 69 | 			<view class="action">
 70 | 				<text class="cuIcon-title text-blue"></text>块状按钮
 71 | 			</view>
 72 | 		</view>
 73 | 		<view class="padding flex flex-direction">
 74 | 			<button class="cu-btn bg-grey lg">玄灰</button>
 75 | 			<button class="cu-btn bg-red margin-tb-sm lg">嫣红</button>
 76 | 		</view>
 77 | 		<view class="cu-bar margin-top bg-white">
 78 | 			<view class="action">
 79 | 				<text class="cuIcon-title text-blue"></text>无效状态
 80 | 			</view>
 81 | 		</view>
 82 | 		<view class="padding">
 83 | 			<button class="cu-btn block bg-blue margin-tb-sm lg" disabled type="">无效状态</button>
 84 | 			<button class="cu-btn block line-blue margin-tb-sm lg" disabled>无效状态</button>
 85 | 		</view>
 86 | 		<view class="cu-bar margin-top bg-white">
 87 | 			<view class="action">
 88 | 				<text class="cuIcon-title text-blue"></text>按钮加图标
 89 | 			</view>
 90 | 		</view>
 91 | 		<view class="padding-xl">
 92 | 			<button class="cu-btn block line-orange lg">
 93 | 				<text class="cuIcon-upload"></text> 图标</button>
 94 | 			<button class="cu-btn block bg-blue margin-tb-sm lg">
 95 | 				<text class="cuIcon-loading2 cuIconfont-spin"></text> 加载</button>
 96 | 			<button class="cu-btn block bg-black margin-tb-sm lg" loading> 原生加载</button>
 97 | 		</view>
 98 | 	</view>
 99 | </template>
100 | 
101 | <script>
102 | 	export default {
103 | 		data() {
104 | 			return {
105 | 				ColorList: this.ColorList,
106 | 				shadow: false,
107 | 				bordersize: ''
108 | 			};
109 | 		},
110 | 		methods: {
111 | 			SetShadow(e) {
112 | 				this.shadow = e.detail.value
113 | 			},
114 | 			SetBorderSize(e) {
115 | 				this.bordersize = e.detail.value
116 | 			}
117 | 		}
118 | 	}
119 | </script>
120 | 
121 | <style>
122 | 
123 | </style>
124 | 


--------------------------------------------------------------------------------
/pages/basics/design.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view>
  3 | 		<cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block><block slot="content"> 按钮 / 设计</block></cu-custom>
  4 | 		<view class="padding-xl">
  5 | 			<view class="box bg-white text-center radius">
  6 | 				<button class="cu-btn" :class="[border?bordersize?'lines-' + color:'line-' + color:'bg-'+ color,round?'round':'',size,shadow?'shadow':'']">我是一个按钮</button>
  7 | 			</view>
  8 | 			<view class="padding text-center">
  9 | 				class="cu-btn <text v-if="color">{{' '}} {{border?bordersize?'lines-' + color:'line-' + color:'bg-'+ color}} {{round?'round':''}} {{size}} {{shadow?'shadow':''}}</text>"
 10 | 			</view>
 11 | 		</view>
 12 | 		<view class="cu-form-group margin-top" @tap="showModal" data-target="ColorModal">
 13 | 			<view class="title">选择颜色</view>
 14 | 			<view class="padding solid radius shadow-blur" :class="'bg-'+color"></view>
 15 | 		</view>
 16 | 		<view class="cu-form-group">
 17 | 			<view class="title">是否圆角</view>
 18 | 			<switch @change="SetRound" class="blue" :class="round?'checked':''"></switch>
 19 | 		</view>
 20 | 		<view class="cu-form-group">
 21 | 			<view class="title">选择尺寸</view>
 22 | 			<radio-group @change="SetSize">
 23 | 				<label class="margin-left-sm">
 24 | 					<radio class="blue radio" value="sm"></radio>
 25 | 					<text class="margin-left-sm"> 小</text>
 26 | 				</label>
 27 | 				<label class="margin-left-sm">
 28 | 					<radio class="blue radio" value="" checked></radio>
 29 | 					<text class="margin-left-sm"> 中</text>
 30 | 				</label>
 31 | 				<label class="margin-left-sm">
 32 | 					<radio class="blue radio" value="lg"></radio>
 33 | 					<text class="margin-left-sm"> 大</text>
 34 | 				</label>
 35 | 			</radio-group>
 36 | 		</view>
 37 | 		<view class="cu-form-group">
 38 | 			<view class="title">是否添加阴影</view>
 39 | 			<switch @change="SetShadow" :class="shadow?'checked':''"></switch>
 40 | 		</view>
 41 | 		<view class="cu-form-group">
 42 | 			<view class="title">是否镂空</view>
 43 | 			<switch @change="SetBorder" :class="border?'checked':''"></switch>
 44 | 		</view>
 45 | 		<view class="cu-form-group" v-if="border">
 46 | 			<view class="title">边框大小</view>
 47 | 			<radio-group @change="SetBorderSize">
 48 | 				<label class="margin-left-sm">
 49 | 					<radio class="blue radio" value="" checked></radio>
 50 | 					<text class="margin-left-sm"> 小</text>
 51 | 				</label>
 52 | 				<label class="margin-left-sm">
 53 | 					<radio class="blue radio" value="s"></radio>
 54 | 					<text class="margin-left-sm"> 大</text>
 55 | 				</label>
 56 | 			</radio-group>
 57 | 		</view>
 58 | 		<view class="cu-modal" :class="modalName=='ColorModal'?'show':''">
 59 | 			<view class="cu-dialog">
 60 | 				<view class="cu-bar justify-end solid-bottom">
 61 | 					<view class="content">选择颜色</view>
 62 | 					<view class="action" @tap="hideModal">
 63 | 						<text class="cuIcon-close text-red"></text>
 64 | 					</view>
 65 | 				</view>
 66 | 				<view class="grid col-5 padding">
 67 | 					<view class="padding-xs" v-for="(item,index) in ColorList" :key="index" @tap="SetColor" :data-color="item.name" v-if="item.name!='white'">
 68 | 						<view class="padding-tb radius" :class="'bg-' + item.name"> {{item.title}} </view>
 69 | 					</view>
 70 | 				</view>
 71 | 			</view>
 72 | 		</view>
 73 | 	</view>
 74 | </template>
 75 | 
 76 | <script>
 77 | 	export default {
 78 | 		data() {
 79 | 			return {
 80 | 				ColorList: this.ColorList,
 81 | 				modalName: '',
 82 | 				round: false,
 83 | 				size: '',
 84 | 				color: 'red',
 85 | 				shadow: false,
 86 | 				border: false,
 87 | 				bordersize: ''
 88 | 			};
 89 | 		},
 90 | 		methods: {
 91 | 			showModal(e) {
 92 | 				this.modalName = e.currentTarget.dataset.target
 93 | 			},
 94 | 			hideModal(e) {
 95 | 				this.modalName = null
 96 | 			},
 97 | 			SetRound(e) {
 98 | 				this.round = e.detail.value
 99 | 			},
100 | 			SetSize(e) {
101 | 				this.size = e.detail.value
102 | 			},
103 | 			SetColor(e) {
104 | 				this.color = e.currentTarget.dataset.color;
105 | 				this.modalName = null
106 | 			},
107 | 			SetShadow(e) {
108 | 				this.shadow = e.detail.value
109 | 			},
110 | 			SetBorder(e) {
111 | 				this.border = e.detail.value
112 | 				if (!e.detail.value) {
113 | 					this.bordersize = false
114 | 				}
115 | 			},
116 | 			SetBorderSize(e) {
117 | 				this.bordersize = e.detail.value
118 | 			}
119 | 		}
120 | 	}
121 | </script>
122 | 
123 | <style>
124 | 	.box {
125 | 		display: flex;
126 | 		align-items: center;
127 | 		justify-content: center;
128 | 		height: 100px;
129 | 	}
130 | </style>
131 | 


--------------------------------------------------------------------------------
/pages/basics/home.vue:
--------------------------------------------------------------------------------
  1 | <template name="basics">
  2 | 	<view>
  3 | 		<scroll-view scroll-y class="page">
  4 | 			<image src="/static/home/basics.png"
  5 | 			 mode="widthFix" class="response"></image>
  6 | 			<view class="nav-list">
  7 | 				<navigator hover-class="none" :url="'/pages/basics/' + item.name" class="nav-li" navigateTo :class="'bg-'+item.color"
  8 | 				 :style="[{animation: 'show ' + ((index+1)*0.2+1) + 's 1'}]" v-for="(item,index) in elements" :key="index">
  9 | 					<view class="nav-title">{{item.title}}</view>
 10 | 					<view class="nav-name">{{item.name}}</view>
 11 | 					<text :class="'cuIcon-' + item.cuIcon"></text>
 12 | 				</navigator>
 13 | 			</view>
 14 | 			<view class="cu-tabbar-height"></view>
 15 | 		</scroll-view>
 16 | 	</view>
 17 | </template>
 18 | 
 19 | <script>
 20 | 	export default {
 21 | 		name: "basics",
 22 | 		data() {
 23 | 			return {
 24 | 				elements: [{
 25 | 						title: '布局',
 26 | 						name: 'layout',
 27 | 						color: 'cyan',
 28 | 						cuIcon: 'newsfill'
 29 | 					},
 30 | 					{
 31 | 						title: '背景',
 32 | 						name: 'background',
 33 | 						color: 'blue',
 34 | 						cuIcon: 'colorlens'
 35 | 					},
 36 | 					{
 37 | 						title: '文本',
 38 | 						name: 'text',
 39 | 						color: 'purple',
 40 | 						cuIcon: 'font'
 41 | 					},
 42 | 					{
 43 | 						title: '图标 ',
 44 | 						name: 'icon',
 45 | 						color: 'mauve',
 46 | 						cuIcon: 'cuIcon'
 47 | 					},
 48 | 					{
 49 | 						title: '按钮',
 50 | 						name: 'button',
 51 | 						color: 'pink',
 52 | 						cuIcon: 'btn'
 53 | 					},
 54 | 					{
 55 | 						title: '标签',
 56 | 						name: 'tag',
 57 | 						color: 'brown',
 58 | 						cuIcon: 'tagfill'
 59 | 					},
 60 | 					{
 61 | 						title: '头像',
 62 | 						name: 'avatar',
 63 | 						color: 'red',
 64 | 						cuIcon: 'myfill'
 65 | 					},
 66 | 					{
 67 | 						title: '进度条',
 68 | 						name: 'progress',
 69 | 						color: 'orange',
 70 | 						cuIcon: 'icloading'
 71 | 					},
 72 | 					{
 73 | 						title: '边框阴影',
 74 | 						name: 'shadow',
 75 | 						color: 'olive',
 76 | 						cuIcon: 'copy'
 77 | 					},
 78 | 					{
 79 | 						title: '加载',
 80 | 						name: 'loading',
 81 | 						color: 'green',
 82 | 						cuIcon: 'loading2'
 83 | 					}
 84 | 				],
 85 | 			};
 86 | 		},
 87 | 		onLoad() {
 88 |             console.log("onload");
 89 | 		},
 90 | 		onShow() {
 91 | 			console.log("success");
 92 | 		}
 93 | 	}
 94 | </script>
 95 | 
 96 | <style>
 97 | 	.page {
 98 | 		height: 100vh;
 99 | 	}
100 | </style>
101 | 


--------------------------------------------------------------------------------
/pages/basics/loading.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view>
  3 | 		<cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">加载</block>
  4 | 			<block slot="right">
  5 | 				<view class="action">
  6 | 					<view class="cu-load load-cuIcon" :class="!isLoad?'loading':'over'"></view>
  7 | 				</view>
  8 | 			</block>
  9 | 		</cu-custom>
 10 | 		<view class="cu-bar bg-white">
 11 | 			<view class="action">
 12 | 				<text class="cuIcon-title text-blue"></text>背景
 13 | 			</view>
 14 | 		</view>
 15 | 		<view class="cu-load bg-blue" :class="!isLoad?'loading':'over'"></view>
 16 | 		<view class="cu-bar bg-white margin-top">
 17 | 			<view class="action">
 18 | 				<text class="cuIcon-title text-blue"></text>加载状态
 19 | 			</view>
 20 | 			<view class="action">
 21 | 				<switch @change="isLoading" :class="isLoad?'checked':''"></switch>
 22 | 			</view>
 23 | 		</view>
 24 | 		<view class="cu-load bg-grey" :class="!isLoad?'loading':'over'"></view>
 25 | 		<view class="cu-bar bg-white margin-top">
 26 | 			<view class="action">
 27 | 				<text class="cuIcon-title text-blue"></text>加载错误
 28 | 			</view>
 29 | 		</view>
 30 | 		<view class="cu-load bg-red erro"></view>
 31 | 
 32 | 		<view class="cu-bar bg-white margin-top">
 33 | 			<view class="action">
 34 | 				<text class="cuIcon-title text-blue"></text>弹框加载
 35 | 			</view>
 36 | 			<view class="action">
 37 | 				<button class="cu-btn bg-green shadow" @tap="LoadModal">
 38 | 					点我
 39 | 				</button>
 40 | 			</view>
 41 | 		</view>
 42 | 		<view class="cu-load load-modal" v-if="loadModal">
 43 | 			<!-- <view class="cuIcon-emojifill text-orange"></view> -->
 44 | 			<image src="/static/logo.png" mode="aspectFit"></image>
 45 | 			<view class="gray-text">加载中...</view>
 46 | 		</view>
 47 | 		<view class="cu-bar bg-white margin-top">
 48 | 			<view class="action">
 49 | 				<text class="cuIcon-title text-blue"></text>进度条加载
 50 | 			</view>
 51 | 			<view class="action">
 52 | 				<button class="cu-btn bg-green shadow" @tap="LoadProgress">
 53 | 					点我
 54 | 				</button>
 55 | 			</view>
 56 | 		</view>
 57 | 		<view class="load-progress" :class="loadProgress!=0?'show':'hide'" :style="[{top:CustomBar+'px'}]">
 58 | 			<view class="load-progress-bar bg-green" :style="[{transform: 'translate3d(-' + (100-loadProgress) + '%, 0px, 0px)'}]"></view>
 59 | 			<view class="load-progress-spinner text-green"></view>
 60 | 		</view>
 61 | 	</view>
 62 | </template>
 63 | 
 64 | 
 65 | <script>
 66 | 	export default {
 67 | 		data() {
 68 | 			return {
 69 | 				CustomBar: this.CustomBar,
 70 | 				isLoad:false,
 71 | 				loadModal: false,
 72 | 				loadProgress: 0
 73 | 			};
 74 | 		},
 75 | 		methods: {
 76 | 			isLoading(e) {
 77 | 				this.isLoad = e.detail.value;
 78 | 			},
 79 | 			LoadModal(e) {
 80 | 				this.loadModal = true;
 81 | 				setTimeout(() => {
 82 | 					this.loadModal = false;
 83 | 				}, 2000)
 84 | 			},
 85 | 			LoadProgress(e) {
 86 | 				this.loadProgress = this.loadProgress + 3;
 87 | 				if (this.loadProgress < 100) {
 88 | 					setTimeout(() => {
 89 | 						this.LoadProgress();
 90 | 					}, 100)
 91 | 				} else {
 92 | 					this.loadProgress = 0;
 93 | 				}
 94 | 			}
 95 | 		}
 96 | 	}
 97 | </script>
 98 | 
 99 | <style>
100 | 
101 | </style>
102 | 


--------------------------------------------------------------------------------
/pages/basics/shadow.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		<cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">边框阴影</block></cu-custom>
 4 | 		<view class="cu-bar bg-white solid-bottom">
 5 | 			<view class="action">
 6 | 				<text class="cuIcon-title text-blue"></text>边框
 7 | 			</view>
 8 | 			<view class="action">
 9 | 				<switch class="sm" @change="SetSize" :class="size?'checked':''"></switch>
10 | 			</view>
11 | 		</view>
12 | 		<view class="padding bg-white text-center">
13 | 			<view class="padding" :class="size?'solids':'solid'">四周</view>
14 | 			<view class="padding margin-top" :class="size?'solids-top':'solid-top'">上</view>
15 | 			<view class="padding margin-top" :class="size?'solids-right':'solid-right'">右</view>
16 | 			<view class="padding margin-top" :class="size?'solids-bottom':'solid-bottom'">下</view>
17 | 			<view class="padding margin-top" :class="size?'solids-left':'solid-left'">左</view>
18 | 		</view>
19 | 		<view class="cu-bar bg-white margin-top">
20 | 			<view class="action">
21 | 				<text class="cuIcon-title text-blue"></text>阴影
22 | 			</view>
23 | 		</view>
24 | 		<view class="padding text-center">
25 | 			<view class="padding-xl radius shadow bg-white">默认阴影</view>
26 | 			<view class="padding-xl radius shadow bg-blue margin-top">根据背景颜色而改变的阴影</view>
27 | 			<view class="padding-xl radius shadow shadow-lg bg-white margin-top">长阴影</view>
28 | 			<view class="padding-xl radius shadow shadow-lg bg-blue margin-top">长阴影</view>
29 | 			<view class="padding-xl radius shadow-warp bg-white margin-top">翘边阴影</view>
30 | 			<view class="padding-xl radius shadow-blur bg-red margin-top bg-img" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big91005.jpg);">
31 | 				<view>根据背景图而改变的阴影</view>
32 | 			</view>
33 | 		</view>
34 | 	</view>
35 | </template>
36 | 
37 | <script>
38 | 	export default {
39 | 		data() {
40 | 			return {
41 | 				size: false
42 | 			};
43 | 		},
44 | 		methods: {
45 | 			SetSize(e) {
46 | 				this.size = e.detail.value
47 | 			}
48 | 		}
49 | 	}
50 | </script>
51 | 
52 | <style>
53 | 
54 | </style>
55 | 


--------------------------------------------------------------------------------
/pages/basics/tag.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view>
  3 | 		<cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">标签</block></cu-custom>
  4 | 		<view class="cu-bar bg-white solid-bottom">
  5 | 			<view class='action'>
  6 | 				<text class='cuIcon-title text-blue'></text>标签形状
  7 | 			</view>
  8 | 		</view>
  9 | 		<view class="padding bg-white solid-bottom">
 10 | 			<view class='cu-tag'>默认</view>
 11 | 			<view class='cu-tag round'>椭圆</view>
 12 | 			<view class='cu-tag radius'>圆角</view>
 13 | 		</view>
 14 | 
 15 | 		<view class="cu-bar bg-white margin-top">
 16 | 			<view class='action'>
 17 | 				<text class='cuIcon-title text-blue'></text>标签尺寸
 18 | 			</view>
 19 | 		</view>
 20 | 		<view class="padding bg-white">
 21 | 			<view class='cu-tag radius sm'>小尺寸</view>
 22 | 			<view class='cu-tag radius'>普通尺寸</view>
 23 | 		</view>
 24 | 		<view class="cu-bar bg-white margin-top">
 25 | 			<view class='action'>
 26 | 				<text class='cuIcon-title text-blue'></text>标签颜色
 27 | 			</view>
 28 | 		</view>
 29 | 		<view class='padding-sm flex flex-wrap'>
 30 | 			<view class="padding-xs" v-for="(item,index) in ColorList" :key="index" v-if="item.name!='gray'">
 31 | 				<view class='cu-tag' :class="'bg-' + item.name">{{item.title}}</view>
 32 | 			</view>
 33 | 			<view class="padding-xs" v-for="(item,index) in ColorList" :key="index" v-if="item.name!='gray' && item.name!='black' && item.name!='white'">
 34 | 				<view class='cu-tag light' :class="'bg-' + item.name">{{item.title}}</view>
 35 | 			</view>
 36 | 		</view>
 37 | 		<view class="cu-bar bg-white margin-top">
 38 | 			<view class='action'>
 39 | 				<text class='cuIcon-title text-blue'></text>镂空标签
 40 | 			</view>
 41 | 		</view>
 42 | 		<view class='padding-sm flex flex-wrap'>
 43 | 			<view class="padding-xs" v-for="(item,index) in ColorList" :key="index" v-if="item.name!='white'">
 44 | 				<view class='cu-tag' :class="'line-' + item.name">{{item.title}}</view>
 45 | 			</view>
 46 | 		</view>
 47 | 		<view class="cu-bar bg-white margin-top">
 48 | 			<view class='action'>
 49 | 				<text class='cuIcon-title text-blue'></text>胶囊样式
 50 | 			</view>
 51 | 		</view>
 52 | 		<view class="padding">
 53 | 			<view class="cu-capsule">
 54 | 				<view class='cu-tag bg-red'>
 55 | 					<text class='cuIcon-likefill'></text>
 56 | 				</view>
 57 | 				<view class="cu-tag line-red">
 58 | 					12
 59 | 				</view>
 60 | 			</view>
 61 | 			<view class="cu-capsule round">
 62 | 				<view class='cu-tag bg-blue '>
 63 | 					<text class='cuIcon-likefill'></text>
 64 | 				</view>
 65 | 				<view class="cu-tag line-blue">
 66 | 					23
 67 | 				</view>
 68 | 			</view>
 69 | 			<view class="cu-capsule round">
 70 | 				<view class='cu-tag bg-blue '>
 71 | 					说明
 72 | 				</view>
 73 | 				<view class="cu-tag line-blue">
 74 | 					123
 75 | 				</view>
 76 | 			</view>
 77 | 			<view class="cu-capsule radius">
 78 | 				<view class='cu-tag bg-grey '>
 79 | 					<text class='cuIcon-likefill'></text>
 80 | 				</view>
 81 | 				<view class="cu-tag line-grey">
 82 | 					23
 83 | 				</view>
 84 | 			</view>
 85 | 			<view class="cu-capsule radius">
 86 | 				<view class='cu-tag bg-brown sm'>
 87 | 					<text class='cuIcon-likefill'></text>
 88 | 				</view>
 89 | 				<view class="cu-tag line-brown sm">
 90 | 					23
 91 | 				</view>
 92 | 			</view>
 93 | 		</view>
 94 | 		<view class="cu-bar bg-white margin-top">
 95 | 			<view class='action'>
 96 | 				<text class='cuIcon-title text-blue'></text>数字标签
 97 | 			</view>
 98 | 		</view>
 99 | 		<view class="padding flex justify-between align-center">
100 | 			<view class='cu-avatar xl radius'>
101 | 				港
102 | 				<view class="cu-tag badge">99+</view>
103 | 			</view>
104 | 			<view class='cu-avatar xl radius' style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg)">
105 | 				<view class='cu-tag badge'>9</view>
106 | 			</view>
107 | 			<view class='cu-avatar xl radius'>
108 | 				<view class='cu-tag badge'>99</view>
109 | 				<text class='cuIcon-people'></text>
110 | 			</view>
111 | 			<view class='cu-avatar xl radius'>
112 | 				<view class='cu-tag badge'>99+</view>
113 | 			</view>
114 | 		</view>
115 | 	</view>
116 | </template>
117 | 
118 | <script>
119 | 	export default {
120 | 		data() {
121 | 			return {
122 | 				ColorList: this.ColorList,
123 | 			};
124 | 		}
125 | 	}
126 | </script>
127 | 
128 | <style>
129 | 
130 | </style>
131 | 


--------------------------------------------------------------------------------
/pages/component/chat.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view>
  3 | 		<cu-custom bgColor="bg-gradual-pink" :isBack="true"><block slot="backText">返回</block><block slot="content">聊天</block></cu-custom>
  4 | 		<view class="cu-chat">
  5 | 			<view class="cu-item self">
  6 | 				<view class="main">
  7 | 					<view class="content bg-green shadow">
  8 | 						<text>喵喵喵！喵喵喵！喵喵喵！喵喵！喵喵！！喵！喵喵喵！</text>
  9 | 					</view>
 10 | 				</view>
 11 | 				<view class="cu-avatar radius" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big107000.jpg);"></view>
 12 | 				<view class="date">2018年3月23日 13:23</view>
 13 | 			</view>
 14 | 			<view class="cu-info round">对方撤回一条消息!</view>
 15 | 			<view class="cu-item">
 16 | 				<view class="cu-avatar radius" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big143004.jpg);"></view>
 17 | 				<view class="main">
 18 | 					<view class="content shadow">
 19 | 						<text>喵喵喵！喵喵喵！</text>
 20 | 					</view>
 21 | 				</view>
 22 | 				<view class="date "> 13:23</view>
 23 | 			</view>
 24 | 			<view class="cu-info">
 25 | 				<text class="cuIcon-roundclosefill text-red "></text> 对方拒绝了你的消息
 26 | 			</view>
 27 | 			<view class="cu-info">
 28 | 				对方开启了好友验证，你还不是他(她)的好友。请先发送好友验证请求，对方验证通过后，才能聊天。
 29 | 				<text class="text-blue">发送好友验证</text>
 30 | 			</view>
 31 | 			<view class="cu-item self">
 32 | 				<view class="main">
 33 | 					<image src="https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg" class="radius" mode="widthFix"></image>
 34 | 				</view>
 35 | 				<view class="cu-avatar radius" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big107000.jpg);"></view>
 36 | 				<view class="date"> 13:23</view>
 37 | 			</view>
 38 | 			<view class="cu-item self">
 39 | 				<view class="main">
 40 | 					<view class="action text-bold text-grey">
 41 | 						3"
 42 | 					</view>
 43 | 					<view class="content shadow">
 44 | 						<text class="cuIcon-sound text-xxl padding-right-xl"> </text>
 45 | 					</view>
 46 | 				</view>
 47 | 				<view class="cu-avatar radius" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big107000.jpg);"></view>
 48 | 				<view class="date">13:23</view>
 49 | 			</view>
 50 | 			<view class="cu-item self">
 51 | 				<view class="main">
 52 | 					<view class="action">
 53 | 						<text class="cuIcon-locationfill text-orange text-xxl"></text>
 54 | 					</view>
 55 | 					<view class="content shadow">
 56 | 						喵星球，喵喵市
 57 | 					</view>
 58 | 				</view>
 59 | 				<view class="cu-avatar radius" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big107000.jpg);"></view>
 60 | 				<view class="date">13:23</view>
 61 | 			</view>
 62 | 			<view class="cu-item">
 63 | 				<view class="cu-avatar radius" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big143004.jpg);"></view>
 64 | 				<view class="main">
 65 | 					<view class="content shadow">
 66 | 						@#$^&**
 67 | 					</view>
 68 | 					<view class="action text-grey">
 69 | 						<text class="cuIcon-warnfill text-red text-xxl"></text> <text class="text-sm margin-left-sm">翻译错误</text>
 70 | 					</view>
 71 | 				</view>
 72 | 				<view class="date">13:23</view>
 73 | 			</view>
 74 | 		</view>
 75 | 
 76 | 		<view class="cu-bar foot input" :style="[{bottom:InputBottom+'px'}]">
 77 | 			<view class="action">
 78 | 				<text class="cuIcon-sound text-grey"></text>
 79 | 			</view>
 80 | 			<input class="solid-bottom" :adjust-position="false" :focus="false" maxlength="300" cursor-spacing="10"
 81 | 			 @focus="InputFocus" @blur="InputBlur"></input>
 82 | 			<view class="action">
 83 | 				<text class="cuIcon-emojifill text-grey"></text>
 84 | 			</view>
 85 | 			<button class="cu-btn bg-green shadow">发送</button>
 86 | 		</view>
 87 | 
 88 | 	</view>
 89 | </template>
 90 | 
 91 | <script>
 92 | 	export default {
 93 | 		data() {
 94 | 			return {
 95 | 				InputBottom: 0
 96 | 			};
 97 | 		},
 98 | 		methods: {
 99 | 			InputFocus(e) {
100 | 				this.InputBottom = e.detail.height
101 | 			},
102 | 			InputBlur(e) {
103 | 				this.InputBottom = 0
104 | 			}
105 | 		}
106 | 	}
107 | </script>
108 | 
109 | <style>
110 | page{
111 |   padding-bottom: 100upx;
112 | }
113 | </style>
114 | 


--------------------------------------------------------------------------------
/pages/component/home.vue:
--------------------------------------------------------------------------------
 1 | <template name="components">
 2 | 	<view>
 3 | 		<scroll-view scroll-y class="page">
 4 | 			<image src="/static/componentBg.png" mode="widthFix" class="response"></image>
 5 | 			<view class="nav-list">
 6 | 				<navigator hover-class='none' :url="'/pages/component/' + item.name" class="nav-li" navigateTo :class="'bg-'+item.color"
 7 | 				 :style="[{animation: 'show ' + ((index+1)*0.2+1) + 's 1'}]" v-for="(item,index) in elements" :key="index">
 8 | 					<view class="nav-title">{{item.title}}</view>
 9 | 					<view class="nav-name">{{item.name}}</view>
10 | 					<text :class="'cuIcon-' + item.cuIcon"></text>
11 | 				</navigator>
12 | 			</view>
13 | 			<view class="cu-tabbar-height"></view>
14 | 		</scroll-view>
15 | 	</view>
16 | </template>
17 | 
18 | <script>
19 | 	export default {
20 | 		data() {
21 | 			return {
22 | 				elements: [{
23 | 						title: '操作条',
24 | 						name: 'bar',
25 | 						color: 'purple',
26 | 						cuIcon: 'vipcard'
27 | 					},
28 | 					{
29 | 						title: '导航栏 ',
30 | 						name: 'nav',
31 | 						color: 'mauve',
32 | 						cuIcon: 'formfill'
33 | 					},
34 | 					{
35 | 						title: '列表',
36 | 						name: 'list',
37 | 						color: 'pink',
38 | 						cuIcon: 'list'
39 | 					},
40 | 					{
41 | 						title: '卡片',
42 | 						name: 'card',
43 | 						color: 'brown',
44 | 						cuIcon: 'newsfill'
45 | 					},
46 | 					{
47 | 						title: '表单',
48 | 						name: 'form',
49 | 						color: 'red',
50 | 						cuIcon: 'formfill'
51 | 					},
52 | 					{
53 | 						title: '时间轴',
54 | 						name: 'timeline',
55 | 						color: 'orange',
56 | 						cuIcon: 'timefill'
57 | 					},
58 | 					{
59 | 						title: '聊天',
60 | 						name: 'chat',
61 | 						color: 'green',
62 | 						cuIcon: 'messagefill'
63 | 					},
64 | 					{
65 | 						title: '轮播',
66 | 						name: 'swiper',
67 | 						color: 'olive',
68 | 						cuIcon: 'album'
69 | 					},
70 | 					{
71 | 						title: '模态框',
72 | 						name: 'modal',
73 | 						color: 'grey',
74 | 						cuIcon: 'squarecheckfill'
75 | 					},
76 | 					{
77 | 						title: '步骤条',
78 | 						name: 'steps',
79 | 						color: 'cyan',
80 | 						cuIcon: 'roundcheckfill'
81 | 					}
82 | 				],
83 | 			};
84 | 		}
85 | 	}
86 | </script>
87 | 
88 | <style>
89 | 	.page {
90 | 		height: 100vh;
91 | 	}
92 | </style>
93 | 


--------------------------------------------------------------------------------
/pages/component/nav.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		<cu-custom bgColor="bg-gradual-pink" :isBack="true"><block slot="backText">返回</block><block slot="content">导航栏</block></cu-custom>
 4 | 		<view v-for="(item,index) in 10" :key="index" v-if="index==TabCur" class="bg-grey padding margin text-center">
 5 | 			Tab{{index}}
 6 | 		</view>
 7 | 		<view class="cu-bar bg-white solid-bottom">
 8 | 			<view class="action">
 9 | 				<text class="cuIcon-title text-orange"></text> 默认
10 | 			</view>
11 | 		</view>
12 | 		<scroll-view scroll-x class="bg-white nav" scroll-with-animation :scroll-left="scrollLeft">
13 | 			<view class="cu-item" :class="index==TabCur?'text-green cur':''" v-for="(item,index) in 10" :key="index" @tap="tabSelect" :data-id="index">
14 | 				Tab{{index}}
15 | 			</view>
16 | 		</scroll-view>
17 | 
18 | 		<view class="cu-bar bg-white margin-top solid-bottom">
19 | 			<view class="action">
20 | 				<text class="cuIcon-title text-orange"></text> 居中
21 | 			</view>
22 | 		</view>
23 | 		<scroll-view scroll-x class="bg-white nav text-center">
24 | 			<view class="cu-item" :class="index==TabCur?'text-blue cur':''" v-for="(item,index) in 3" :key="index" @tap="tabSelect" :data-id="index">
25 | 				Tab{{index}}
26 | 			</view>
27 | 		</scroll-view>
28 | 
29 | 		<view class="cu-bar bg-white margin-top solid-bottom">
30 | 			<view class="action">
31 | 				<text class="cuIcon-title text-orange"></text> 平分
32 | 			</view>
33 | 		</view>
34 | 		<scroll-view scroll-x class="bg-white nav">
35 | 			<view class="flex text-center">
36 | 				<view class="cu-item flex-sub" :class="index==TabCur?'text-orange cur':''" v-for="(item,index) in 4" :key="index" @tap="tabSelect" :data-id="index">
37 | 					Tab{{index}}
38 | 				</view>
39 | 			</view>
40 | 		</scroll-view>
41 | 		<view class="cu-bar bg-white margin-top solid-bottom">
42 | 			<view class="action">
43 | 				<text class="cuIcon-title text-orange"></text> 背景
44 | 			</view>
45 | 		</view>
46 | 		<scroll-view scroll-x class="bg-red nav text-center">
47 | 			<view class="cu-item" :class="index==TabCur?'text-white cur':''" v-for="(item,index) in 3" :key="index" @tap="tabSelect" :data-id="index">
48 | 				Tab{{index}}
49 | 			</view>
50 | 		</scroll-view>
51 | 		<view class="cu-bar bg-white margin-top solid-bottom">
52 | 			<view class="action">
53 | 				<text class="cuIcon-title text-orange"></text> 图标
54 | 			</view>
55 | 		</view>
56 | 		<scroll-view scroll-x class="bg-green nav text-center">
57 | 			<view class="cu-item" :class="0==TabCur?'text-white cur':''" @tap="tabSelect" data-id="0">
58 | 				<text class="cuIcon-camerafill"></text> 数码
59 | 			</view>
60 | 			<view class="cu-item" :class="1==TabCur?'text-white cur':''" @tap="tabSelect" data-id="1">
61 | 				<text class="cuIcon-upstagefill"></text> 排行榜
62 | 			</view>
63 | 			<view class="cu-item" :class="2==TabCur?'text-white cur':''" @tap="tabSelect" data-id="2">
64 | 				<text class="cuIcon-clothesfill"></text> 皮肤
65 | 			</view>
66 | 		</scroll-view>
67 | 
68 | 	</view>
69 | </template>
70 | 
71 | <script>
72 | 	export default {
73 | 		data() {
74 | 			return {
75 | 				TabCur: 0,
76 | 				scrollLeft: 0
77 | 			};
78 | 		},
79 | 		methods: {
80 | 			tabSelect(e) {
81 | 				this.TabCur = e.currentTarget.dataset.id;
82 | 				this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60
83 | 			}
84 | 		}
85 | 	}
86 | </script>
87 | 
88 | <style>
89 | 
90 | </style>
91 | 


--------------------------------------------------------------------------------
/pages/component/steps.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view>
  3 | 		<cu-custom bgColor="bg-gradual-pink" :isBack="true"><block slot="backText">返回</block><block slot="content">步骤条</block></cu-custom>
  4 | 		<view class="cu-bar bg-white solid-bottom">
  5 | 			<view class="action">
  6 | 				<text class="cuIcon-title text-orange"></text> 基本用法
  7 | 			</view>
  8 | 			<view class="action">
  9 | 				<button class="cu-btn bg-green shadow" @tap="BasicsSteps">下一步</button>
 10 | 			</view>
 11 | 		</view>
 12 | 		<view class="bg-white padding">
 13 | 			<view class="cu-steps">
 14 | 				<view class="cu-item" :class="index>basics?'':'text-red'" v-for="(item,index) in basicsList" :key="index">
 15 | 					<text :class="'cuIcon-' + item.cuIcon"></text> {{item.name}}
 16 | 				</view>
 17 | 			</view>
 18 | 		</view>
 19 | 
 20 | 		<view class="bg-white padding margin-top-xs">
 21 | 			<view class="cu-steps">
 22 | 				<view class="cu-item" :class="index>basics?'':'text-orange'" v-for="(item,index) in basicsList" :key="index">
 23 | 					<text :class="index>basics?'cuIcon-title':'cuIcon-' + item.cuIcon"></text> {{item.name}}
 24 | 				</view>
 25 | 			</view>
 26 | 		</view>
 27 | 
 28 | 		<view class="bg-white padding  margin-top-xs">
 29 | 			<view class="cu-steps steps-arrow">
 30 | 				<view class="cu-item" :class="index>basics?'':'text-blue'" v-for="(item,index) in basicsList" :key="index">
 31 | 					<text :class="'cuIcon-' + item.cuIcon"></text> {{item.name}}
 32 | 				</view>
 33 | 			</view>
 34 | 		</view>
 35 | 		<view class="cu-bar bg-white solid-bottom margin-top">
 36 | 			<view class="action">
 37 | 				<text class="cuIcon-title text-orange"></text> 数字完成
 38 | 			</view>
 39 | 			<view class="action">
 40 | 				<button class="cu-btn bg-green shadow" @tap="NumSteps">下一步</button>
 41 | 			</view>
 42 | 		</view>
 43 | 		<view class="bg-white padding">
 44 | 			<view class="cu-steps">
 45 | 				<view class="cu-item" :class="index>num?'':'text-blue'" v-for="(item,index) in numList" :key="index">
 46 | 					<text class="num" :class="index==2?'err':''" :data-index="index + 1"></text> {{item.name}}
 47 | 				</view>
 48 | 			</view>
 49 | 		</view>
 50 | 		<view class="cu-bar bg-white solid-bottom margin-top">
 51 | 			<view class="action">
 52 | 				<text class="cuIcon-title text-orange"></text> 多级显示
 53 | 			</view>
 54 | 			<view class="action">
 55 | 				<button class="cu-btn bg-green shadow" @tap="ScrollSteps">下一步</button>
 56 | 			</view>
 57 | 		</view>
 58 | 		<scroll-view scroll-x class="bg-white padding response cu-steps steps-bottom" :scroll-into-view="'scroll-' + scroll"
 59 | 		 scroll-with-animation>
 60 | 			<view class="cu-item padding-lr-xl" :class="index>scroll?'':'text-blue'" v-for="(item,index) in 10" :key="index" :id="'scroll-' + index">
 61 | 				Level {{index + 1}} <text class="num" :data-index="index + 1"></text>
 62 | 			</view>
 63 | 		</scroll-view>
 64 | 	</view>
 65 | </template>
 66 | 
 67 | <script>
 68 | 	export default {
 69 | 		data() {
 70 | 			return {
 71 | 				basicsList: [{
 72 | 					cuIcon: 'usefullfill',
 73 | 					name: '开始'
 74 | 				}, {
 75 | 					cuIcon: 'radioboxfill',
 76 | 					name: '等待'
 77 | 				}, {
 78 | 					cuIcon: 'roundclosefill',
 79 | 					name: '错误'
 80 | 				}, {
 81 | 					cuIcon: 'roundcheckfill',
 82 | 					name: '完成'
 83 | 				}, ],
 84 | 				basics: 0,
 85 | 				numList: [{
 86 | 					name: '开始'
 87 | 				}, {
 88 | 					name: '等待'
 89 | 				}, {
 90 | 					name: '错误'
 91 | 				}, {
 92 | 					name: '完成'
 93 | 				}, ],
 94 | 				num: 0,
 95 | 				scroll: 0
 96 | 			};
 97 | 		},
 98 | 		methods: {
 99 | 			BasicsSteps() {
100 | 				this.basics= this.basics == this.basicsList.length - 1 ? 0 : this.basics + 1
101 | 			},
102 | 			NumSteps() {
103 | 				this.num= this.num == this.numList.length - 1 ? 0 : this.num + 1
104 | 			},
105 | 			ScrollSteps() {
106 | 				this.scroll= this.scroll == 9 ? 0 : this.scroll + 1
107 | 			}
108 | 		}
109 | 	}
110 | </script>
111 | 
112 | <style>
113 | 
114 | </style>
115 | 


--------------------------------------------------------------------------------
/pages/component/timeline.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view>
  3 | 		<cu-custom bgColor="bg-gradual-pink" :isBack="true"><block slot="backText">返回</block><block slot="content">时间轴</block></cu-custom>
  4 | 		<view class="cu-timeline">
  5 | 			<view class="cu-time">昨天</view>
  6 | 			<view class="cu-item cur cuIcon-noticefill">
  7 | 				<view class="content bg-green shadow-blur">
  8 | 					<text>22:22</text> 【广州市】快件已到达地球
  9 | 				</view>
 10 | 			</view>
 11 | 			<view class="cu-item text-red cuIcon-attentionforbidfill">
 12 | 				<view class="content bg-red shadow-blur">
 13 | 					这是第一次，我家的铲屎官走了这么久。久到足足有三天！！
 14 | 				</view>
 15 | 			</view>
 16 | 			<view class="cu-item text-grey cuIcon-evaluate_fill">
 17 | 				<view class="content bg-grey shadow-blur">
 18 | 					这是第一次，我家的铲屎官走了这么久。
 19 | 				</view>
 20 | 			</view>
 21 | 			<view class="cu-item text-blue">
 22 | 				<view class="bg-blue content">
 23 | 					<text>20:00</text> 【月球】快件已到达月球，准备发往地球
 24 | 				</view>
 25 | 				<view class="bg-cyan content">
 26 | 					<text>10:00</text> 【银河系】快件已到达银河系，准备发往月球
 27 | 				</view>
 28 | 			</view>
 29 | 		</view>
 30 | 
 31 | 		<view class="cu-timeline">
 32 | 			<view class="cu-time">06-17</view>
 33 | 			<view class="cu-item">
 34 | 				<view class="content">
 35 | 					<text>01:30</text> 【喵星】 MX-12138 已揽收，准备发往银河系
 36 | 				</view>
 37 | 			</view>
 38 | 		</view>
 39 | 
 40 | 		<view class="cu-timeline">
 41 | 			<view class="cu-time">06-17</view>
 42 | 			<view class="cu-item">
 43 | 				<view class="content">
 44 | 					<view class="cu-capsule radius">
 45 | 						<view class="cu-tag bg-cyan">上午</view>
 46 | 						<view class="cu-tag line-cyan">10:00</view>
 47 | 					</view>
 48 | 					<view class="margin-top">这是第一次，我家的铲屎官走了这么久。久到足足有三天！！ 在听到他的脚步声响在楼梯间的那一刻，我简直想要破门而出，对着他狠狠地吼上10分钟，然后再看心情要不要他进门。</view>
 49 | 				</view>
 50 | 			</view>
 51 | 			<view class="cu-item text-blue">
 52 | 				<view class="bg-blue shadow-blur content">
 53 | 					<view class="cu-list menu-avatar radius">
 54 | 						<view class="cu-item">
 55 | 							<view class="cu-avatar round lg" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg);"></view>
 56 | 							<view class="content">
 57 | 								<view class="text-grey">文晓港</view>
 58 | 								<view class="text-gray text-sm">
 59 | 									<text class="cuIcon-infofill text-red"></text> 消息未送达</view>
 60 | 							</view>
 61 | 							<view class="action">
 62 | 								<view class="text-grey text-xs">22:20</view>
 63 | 								<view class="cu-tag round bg-grey sm">5</view>
 64 | 							</view>
 65 | 						</view>
 66 | 						<view class="cu-item">
 67 | 							<view class="cu-avatar round lg" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg);">
 68 | 								<view class="cu-tag badge">99+</view>
 69 | 							</view>
 70 | 							<view class="content">
 71 | 								<view class="text-grey">文晓港
 72 | 									<view class="cu-tag round orange sm">SVIP</view>
 73 | 								</view>
 74 | 								<view class="text-gray text-sm">
 75 | 									<text class="cuIcon-redpacket_fill text-red"></text> 收到红包</view>
 76 | 							</view>
 77 | 							<view class="action">
 78 | 								<view class="text-grey text-xs">22:20</view>
 79 | 								<text class="cuIcon-notice_forbid_fill text-gray"></text>
 80 | 							</view>
 81 | 						</view>
 82 | 					</view>
 83 | 				</view>
 84 | 			</view>
 85 | 		</view>
 86 | 	</view>
 87 | </template>
 88 | 
 89 | <script>
 90 | 	export default {
 91 | 		data() {
 92 | 			return {
 93 | 
 94 | 			};
 95 | 		}
 96 | 	}
 97 | </script>
 98 | 
 99 | <style>
100 | 
101 | </style>
102 | 


--------------------------------------------------------------------------------
/pages/index/index.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<view>
 3 | 		<basics v-if="PageCur=='basics'"></basics>
 4 | 		<components v-if="PageCur=='component'"></components>
 5 | 		<plugin v-if="PageCur=='plugin'"></plugin>
 6 | 		<sys-components v-if="PageCur=='sysComponent'"></sys-components>
 7 | 		<page v-if="PageCur=='page'"></page>
 8 | 		<other v-if="PageCur=='other'"></other>
 9 | 		<view class="cu-bar tabbar bg-white shadow foot">
10 | 			<view class="action" @click="NavChange" data-cur="basics">
11 | 				<view class='cuIcon-cu-image'>
12 | 					<image :src="'/static/tabbar/basics' + [PageCur=='basics'?'_cur':''] + '.png'"></image>
13 | 				</view>
14 | 				<view :class="PageCur=='basics'?'text-green':'text-gray'">元素</view>
15 | 			</view>
16 | 			<view class="action" @click="NavChange" data-cur="component">
17 | 				<view class='cuIcon-cu-image'>
18 | 					<image :src="'/static/tabbar/component' + [PageCur == 'component'?'_cur':''] + '.png'"></image>
19 | 				</view>
20 | 				<view :class="PageCur=='component'?'text-green':'text-gray'">组件</view>
21 | 			</view>
22 | 			<view class="action" @click="NavChange" data-cur="plugin">
23 | 				<view class='cuIcon-cu-image'>
24 | 					<image :src="'/static/tabbar/plugin' + [PageCur == 'plugin'?'_cur':''] + '.png'"></image>
25 | 				</view>
26 | 				<view :class="PageCur=='plugin'?'text-green':'text-gray'">扩展</view>
27 | 			</view>
28 | 			<view class="action" @click="NavChange" data-cur="sysComponent">
29 | 				<view class='cuIcon-cu-image'>
30 | 					<image :src="'/static/tabbar/sysComponent' + [PageCur == 'sysComponent'?'_cur':''] + '.png'"></image>
31 | 				</view>
32 | 				<view :class="PageCur=='sysComponent'?'text-green':'text-gray'">系统组件</view>
33 | 			</view>
34 | 			<view class="action" @click="NavChange" data-cur="page">
35 | 				<view class='cuIcon-cu-image'>
36 | 					<image :src="'/static/tabbar/page' + [PageCur == 'page'?'_cur':''] + '.png'"></image>
37 | 				</view>
38 | 				<view :class="PageCur=='page'?'text-green':'text-gray'">页面</view>
39 | 			</view>
40 | 			<view class="action" @click="NavChange" data-cur="other">
41 | 				<view class='cuIcon-cu-image'>
42 | 					<image :src="'/static/tabbar/other' + [PageCur == 'other'?'_cur':''] + '.png'"></image>
43 | 				</view>
44 | 				<view :class="PageCur=='other'?'text-green':'text-gray'">其他</view>
45 | 			</view>
46 | 		</view>
47 | 	</view>
48 | </template>
49 | 
50 | <script>
51 | 	export default {
52 | 		data() {
53 | 		return {
54 | 				PageCur: 'basics'
55 | 			}
56 | 		},
57 | 		methods: {
58 | 			NavChange: function(e) {
59 | 				this.PageCur = e.currentTarget.dataset.cur
60 | 			}
61 | 		}
62 | 	}
63 | </script>
64 | 
65 | <style>
66 | 	.solid-top::after {
67 | 		border-top: 2upx solid rgba(0, 0, 0, 0.5);
68 | 	}
69 | 	.cu-bar .action [class*="cuIcon-cu-image"] {
70 | 		line-height: 0.8;
71 | 	}
72 | </style>
73 | 


--------------------------------------------------------------------------------
/pages/other/awake.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <view>
 3 |         <cu-custom bgColor="bg-gradual-green" :isBack="true">
 4 |             <block slot="backText">返回</block><block slot="content">唤醒的页面</block>
 5 |         </cu-custom>
 6 |         参数为：{{params}}
 7 |     </view>
 8 | </template>
 9 | 
10 | <script>
11 |     export default {
12 |         data() {
13 |             return {
14 |                 params: ''
15 |             }
16 |         },
17 |         onLoad(options) {
18 |             this.params = JSON.stringify(options);
19 |         }
20 |     }
21 | </script>


--------------------------------------------------------------------------------
/pages/page/euler/404.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <view>
 3 |         <cu-custom bgColor="bg-gradual-blue" :isBack="true">
 4 |             <block slot="backText">返回</block>
 5 |             <block slot="content">404</block>
 6 |         </cu-custom>
 7 |         <view class="flex flex-direction justify-start align-center bg-white" style="height:100vh">
 8 |             <view class="flex justify-center margin-top-xl">
 9 |                 <view class="cu-avatar round bg-white" style="width:350upx;height:350upx;background-image: url('static/commons/images/alertImg/img-cartoon-loading.png')"></view>
10 |             </view>
11 |             <view class="margin-top text-center text-bold text-black text-xxl">
12 |                 页面找不到
13 |             </view>
14 |             <view class="margin-top-xs text-center text-xl">
15 |                 请检查页面配置
16 |             </view>
17 |         </view>
18 |     </view>
19 | </template>
20 | 
21 | <script>
22 |     export default {
23 |         data() {
24 |             return {
25 | 
26 |             }
27 |         }
28 |     }
29 | </script>
30 | 
31 | <style>
32 | 
33 | </style>


--------------------------------------------------------------------------------
/pages/page/euler/500.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <view>
 3 |         <cu-custom bgColor="bg-gradual-blue" :isBack="true">
 4 |             <block slot="backText">返回</block>
 5 |             <block slot="content">500</block>
 6 |         </cu-custom>
 7 |         <view class="flex flex-direction justify-start align-center bg-white" style="height:100vh">
 8 |             <view class="flex justify-center margin-top-xl">
 9 |                 <view class="cu-avatar round bg-white" style="width:350upx;height:350upx;background-image: url('static/commons/images/alertImg/img-cartoon-nodata.png')">
10 |                 </view>
11 |             </view>
12 |             <view class="margin-top text-center text-bold text-black text-xxl">
13 |                 系统错误
14 |             </view>
15 |             <view class="margin-top-xs text-center text-xl">
16 |                 请通知管理员
17 |             </view>
18 |         </view>
19 |     </view>
20 | </template>
21 | 
22 | <script>
23 |     export default {
24 |         data() {
25 |             return {
26 | 
27 |             }
28 |         }
29 |     }
30 | </script>
31 | 
32 | <style>
33 | 
34 | </style>


--------------------------------------------------------------------------------
/pages/page/euler/main.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <view>
 3 |         <tabMain v-if="PageCur=='tabMain'"></tabMain>
 4 |         <tabMessage v-if="PageCur=='tabMessage'"></tabMessage>
 5 |         <tabMy v-if="PageCur=='tabMy'"></tabMy>
 6 |         <view class="cu-bar tabbar bg-white shadow foot padding-top-xs solid-top">
 7 |             <view class="action" @click="NavChange" data-cur="tabMain">
 8 |                 <view class='cuIcon-cu-image'>
 9 |                     <image :src="'/static/pages/main/tabMain' + [PageCur=='tabMain'?'_cur':''] + '.png'"></image>
10 |                 </view>
11 |                 <view :class="PageCur=='tabMain'?'text-primary':'text-gray'">首页</view>
12 |             </view>
13 |             <view class="action" @click="NavChange" data-cur="tabMessage">
14 |                 <view class='cuIcon-cu-image'>
15 |                     <image :src="'/static/pages/main/tabMessage' + [PageCur=='tabMessage'?'_cur':''] + '.png'"></image>
16 |                 </view>
17 |                 <view :class="PageCur=='tabMessage'?'text-primary':'text-gray'">消息</view>
18 |             </view>
19 |             <view class="action text-gray add-action">
20 |                 <button @tap="action" class="cu-btn cuIcon-add bg-green shadow actionIcon"></button>
21 |                 发布
22 |             </view>
23 |             <view class="action" @click="NavChange" data-cur="tabMy">
24 |                 <view class='cuIcon-cu-image'>
25 |                     <image :src="'/static/pages/main/tabMy' + [PageCur=='tabMy'?'_cur':''] + '.png'"></image>
26 |                 </view>
27 |                 <view :class="PageCur=='tabMy'?'text-primary':'text-gray'">我的</view>
28 |             </view>
29 |         </view>
30 |     </view>
31 | </template>
32 | <script>
33 |     import tabMain from "./tab-main";
34 |     import tabMessage from "./tab-message";
35 |     import tabMy from "./tab-my";
36 |     import Vue from 'vue'
37 |     export default {
38 |         data() {
39 |             return {
40 |                 PageCur: 'tabMain'
41 |             }
42 |         },
43 |         onLoad() {
44 |             Vue.component('tabMain',tabMain)
45 |             Vue.component('tabMessage',tabMessage)
46 |             Vue.component('tabMy',tabMy)
47 |         },
48 |         methods: {
49 |             NavChange: function(e) {
50 |                 this.PageCur = e.currentTarget.dataset.cur
51 |             },
52 |             action: function () {
53 |                 console.log("触发了action")
54 |             }
55 |         }
56 |     }
57 | </script>
58 | <style>
59 |     .action > .cuIcon-cu-image {
60 |         line-height: 0.7;
61 |     }
62 | 
63 |     .solid-top::after {
64 |         border-top: 2px solid rgba(0, 0, 0, 0.1);
65 |     }
66 | 
67 |     .cu-bar.tabbar .action.add-action::after {
68 |         box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
69 |     }
70 | </style>


--------------------------------------------------------------------------------
/pages/page/euler/modify-pwd.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <view>
 3 |         <cu-custom bgColor="bg-gradual-blue" :isBack="true">
 4 |             <block slot="backText">返回</block>
 5 |             <block slot="content">修改密码</block>
 6 |         </cu-custom>
 7 |         <view v-if="enable" class="flex flex-direction padding-lg bg-white" style="height:100vh">
 8 |             <view class="flex margin-top-sm align-center solid-bottom">
 9 |                 <view class="cuIcon-lock text-grey" style="font-size: 44upx"></view>
10 |                 <view class="margin-left-sm">
11 |                     <input v-model="pwd" password placeholder="新密码" maxlength="20"/>
12 |                 </view>
13 |             </view>
14 |             <view class="flex margin-top-sm align-center solid-bottom">
15 |                 <view class="cuIcon-lock text-grey" style="font-size: 44upx"></view>
16 |                 <view class="margin-left-sm">
17 |                     <input v-model="confirmPwd" password placeholder="确认密码" maxlength="20"/>
18 |                 </view>
19 |             </view>
20 |             <view class="text-black margin-top-sm">
21 |                 密码不能小于6位。
22 |             </view>
23 |             <view class="margin-top-xl margin-bottom-xl flex justify-center">
24 |                 <view @tap="formSubmit" class="cu-btn block bg-blue df"
25 |                       style="border-radius: 10upx;width: 600upx;height: 80upx">
26 |                     <view>确认</view>
27 |                 </view>
28 |             </view>
29 |         </view>
30 |         <view v-else class="flex justify-center align-center padding">
31 |             <view class="text-center text-orange">
32 |                 联系管理员后台开启功能!
33 |             </view>
34 |         </view>
35 |     </view>
36 | </template>
37 | 
38 | <script>
39 |     export default {
40 |         data() {
41 |             return {
42 |                 enable: true,
43 |                 pwd: "",
44 |                 confirmPwd: ""
45 |             }
46 |         },
47 |         methods: {
48 |             formSubmit: function () {
49 |                 let that = this;
50 |                 if (that.pwd.length < 6) {
51 |                     uni.showToast({
52 |                         title: "新密码不能小于6位",
53 |                         icon: 'none'
54 |                     });
55 |                     return;
56 |                 }
57 |                 if (that.pwd != that.confirmPwd) {
58 |                     uni.showToast({
59 |                         title: "两次输入的密码不一样",
60 |                         icon: 'none'
61 |                     });
62 |                     return;
63 |                 }
64 |                 uni.navigateBack();
65 |             }
66 |         }
67 |     }
68 | </script>
69 | 
70 | <style>
71 | 
72 | </style>


--------------------------------------------------------------------------------
/pages/page/euler/msg-content.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <view class="g-page bg-white">
 3 |         <cu-custom bgColor="bg-gradual-blue" :isBack="true">
 4 |             <block slot="backText">返回</block>
 5 |             <block slot="content">消息内容</block>
 6 |         </cu-custom>
 7 |         <view class="g-content text-sm flex flex-direction bg-white padding flex-sub">
 8 |             <view class="text-bold text-xl text-black">
 9 |                 {{title}}
10 |             </view>
11 |             <view class="text-grey text-df">
12 |                 {{createTime}}
13 |             </view>
14 |             <rich-text class="text-df text-black" :nodes="content"></rich-text>
15 |         </view>
16 |         <view @tap="to" v-if="url && url != ''" class="g-footer flex justify-center">
17 |             <view class="cu-btn block bg-blue df" style="border-radius: 40upx;width: 600upx;height: 80upx">
18 |                 <view>处理</view>
19 |             </view>
20 |         </view>
21 |     </view>
22 | </template>
23 | 
24 | <script>
25 |     export default {
26 |         data: function () {
27 |             return {
28 |                 id: null,
29 |                 title: null,
30 |                 content:null,
31 |                 url: null,
32 |                 createTime: null
33 |             };
34 |         },
35 |         onLoad: function () {
36 |             let that = this;
37 |             that.title = '消防演练';
38 |             that.createTime = '2019-11-29 15:15'
39 |             that.content = "各部门、中心：\n" +
40 |                 "本月为消防安全宣传月，公司将于本周五下午举行消防演练，具体安排如下：\n" +
41 |                 "1、集合时间：11月22日16:00\n" +
42 |                 "2、集合地点：公司一楼篮球场\n" +
43 |                 "3、参加人员：2018年至2019年入职的在司员工、志愿消防队成员\n" +
44 |                 "4、项目：消防知识讲解、灭火实战演练、消防水带连接等" +
45 |                 " \n请相关人员安排好手头上的工作，务必准时参加并现场签到。";
46 |             if (that.content.indexOf('\n') != -1) {
47 |                 that.content = that.content.replace(/\n/g, '<br/>');
48 |             }
49 |             that.url = "http://www.baidu.com";
50 |         },
51 |         methods: {
52 |             to: function () {
53 |                 console.log("对url[" + this.url + "]进行跳转处理");
54 |             }
55 |         }
56 |     }
57 | </script>
58 | 
59 | <style>
60 | 
61 | </style>
62 | 


--------------------------------------------------------------------------------
/pages/page/euler/msg-list.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <view>
  3 |         <cu-custom bgColor="bg-gradual-blue" :isBack="true">
  4 |             <block slot="backText">返回</block>
  5 |             <block slot="content">消息列表</block>
  6 |         </cu-custom>
  7 |         <scroll-view :scroll-top="scrollTop" scroll-y="true" :style="'height:' + height" @scrolltoupper="upper"
  8 |                      @scrolltolower="lower"
  9 |                      @scroll="scroll">
 10 |             <view class="cu-list menu-avatar" v-if="msgList && msgList.length > 0">
 11 |                 <view @tap="content(item)" class="cu-item" style="height: 200upx;max-height: 500upx" v-for="(item,index) in msgList" :key="index">
 12 |                     <view class="content flex flex-direction margin-left-sm" style="left:30upx;width: 650upx">
 13 |                         <view class="flex justify-between align-center margin-bottom-xs">
 14 |                             <view class="flex align-center">
 15 |                                 <view v-if="item.status == '1'" class="margin-right-xs cu-tag round bg-red lg"></view>
 16 |                                 <view class="text-bold text-lg">{{item.title}}</view>
 17 |                             </view>
 18 |                             <view class="text-grey">{{item.createTime}}</view>
 19 |                         </view>
 20 |                         <view class="g-line-clamp" v-for="(subItem, i) in item.resume" :key="i">{{subItem}}</view>
 21 |                     </view>
 22 |                     <view class="action" style="width: 30upx">
 23 |                         <view class="cuIcon-right text-gray"></view>
 24 |                     </view>
 25 |                 </view>
 26 |             </view>
 27 |         </scroll-view>
 28 |     </view>
 29 | </template>
 30 | <script>
 31 |     export default {
 32 |         data() {
 33 |             return {
 34 |                 height: '100%',
 35 |                 msgList: [],
 36 |                 tmsgDefId: '',
 37 |                 cmsgId: '',
 38 |                 readMode: '',
 39 |                 readNum: 0,
 40 |                 pageNo: 2,
 41 |                 scrollTop: 0,
 42 |                 old: {
 43 |                     scrollTop: 0
 44 |                 },
 45 |                 pageSize: 25,
 46 |                 refresh: false
 47 |             };
 48 |         },
 49 |         onLoad: function (options) {
 50 |         },
 51 |         onShow() {
 52 |             this.initData();
 53 |         },
 54 |         methods: {
 55 |             upper: function (e) {
 56 |             },
 57 |             lower: function (e) {
 58 |                 if (!this.refresh) {
 59 |                     this.refresh = true;
 60 |                     this.moreData();
 61 |                 }
 62 |             },
 63 |             scroll: function (e) {
 64 |                 this.old.scrollTop = e.detail.scrollTop
 65 |             },
 66 |             initData: function () {
 67 |                 let that = this;
 68 |                 setTimeout(async function () {
 69 |                     that.msgList = [
 70 |                         {status: "1", createTime: "2019-11-29 15:15", resume: "关于举行消\n防演练\n的通知", title: "消防演练"},
 71 |                         {createTime: "2019-11-29 15:15", resume: "关于安全知识考试的通知", title: "安全知识考试"},
 72 |                         {createTime: "2019-11-29 15:15", resume: "关于\n放假期间\n中国电信\n运营商宽带网络维护通知", title: "宽带维护"}
 73 |                     ];
 74 |                     for (let item of that.msgList) {
 75 |                         let resume = [];
 76 |                         // item.resume;
 77 |                         let index = item.resume.indexOf('\n');
 78 |                         if (index != -1) {
 79 |                             while (index != -1) {
 80 |                                 resume.push(item.resume.substring(0, index));
 81 |                                 if (index + 1 < item.resume.length) {
 82 |                                     item.resume = item.resume.substring(index + 1);
 83 |                                 } else {
 84 |                                     item.resume = "";
 85 |                                 }
 86 |                                 index = item.resume.indexOf('\n');
 87 |                                 if (index == -1 && item.resume != '') {
 88 |                                     resume.push(item.resume);
 89 |                                 }
 90 |                             }
 91 |                         } else {
 92 |                             resume.push(item.resume);
 93 |                         }
 94 |                         item.resume = resume;
 95 |                     }
 96 |                     uni.stopPullDownRefresh();
 97 |                 }, 300);
 98 |                 this.pageNo = 2;
 99 |             },
100 |             async moreData() {
101 |                 this.refresh = false;
102 |             },
103 |             content: function (item) {
104 |                 uni.navigateTo({
105 |                     url: './msg-content'
106 |                 });
107 |             }
108 |         }
109 |     }
110 | </script>
111 | 
112 | <style>
113 |     .cu-list.menu-avatar > .cu-item:after {
114 |         border-bottom: 1px solid #ddd;
115 |     }
116 |     .g-line-clamp {
117 |         -webkit-line-clamp: 1;
118 |     }
119 |     view {
120 |         line-height: 1.2;
121 |     }
122 | </style>


--------------------------------------------------------------------------------
/pages/page/euler/net-disconnect.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <view>
 3 |         <cu-custom bgColor="bg-gradual-blue" :isBack="true">
 4 |             <block slot="backText">返回</block>
 5 |             <block slot="content">网络不给力</block>
 6 |         </cu-custom>
 7 |         <view class="flex flex-direction justify-start align-center bg-white" style="height:100vh">
 8 |             <view class="flex justify-center margin-top-xl">
 9 |                 <view class="cu-avatar round bg-white" style="width:350upx;height:350upx;background-image: url('static/commons/images/alertImg/img-cartoon-nowifi.png')"></view>
10 |             </view>
11 |             <view class="margin-top text-center text-bold text-black text-xxl">
12 |                 网络不给力
13 |             </view>
14 |             <view class="margin-top-xs text-center text-xl">
15 |                 <view @tap="back" class="g-footer flex justify-center">
16 |                     <view class="cu-btn block bg-info df" style="border-radius: 40upx;width: 300upx;height: 70upx">
17 |                         <view>返回</view>
18 |                     </view>
19 |                 </view>
20 |             </view>
21 |         </view>
22 |     </view>
23 | </template>
24 | 
25 | <script>
26 |     export default {
27 |         data() {
28 |             return {
29 | 
30 |             }
31 |         },
32 |         methods: {
33 |             back: function () {
34 |                 uni.navigateBack();
35 |             }
36 |         }
37 |     }
38 | </script>
39 | 
40 | <style>
41 | 
42 | </style>


--------------------------------------------------------------------------------
/pages/page/euler/tab-main.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <view>
 3 |         <!--  #ifdef  APP-PLUS -->
 4 |         <view class="g-status-bar">
 5 |             <view class="g-status-place"></view>
 6 |         </view>
 7 |         <!--  #endif -->
 8 |         <hm-search :click-to-search-page="true">
 9 |             <view @tap="scan" class="cuIcon-scan" style="font-size: 50upx"></view>
10 |         </hm-search>
11 |         <view class="flex justify-center bg-white padding-top-xs padding-bottom-xs">
12 |             <image style="width: 700upx;"
13 |                    mode="widthFix" src="/static/pages/main/banner.png"></image>
14 |         </view>
15 |         <view>
16 |             <hm-notice></hm-notice>
17 |         </view>
18 |         <view class="margin-top-sm">
19 |             <hm-menu v-if="menu" :layout="1" parent-idcode="1"
20 |                      :colorType="2" :showGroupTitle="false"></hm-menu>
21 |         </view>
22 |         <view class="cu-tabbar-height"></view>
23 |     </view>
24 | </template>
25 | <script>
26 |     import hmSearch from 'components/hm/hm-search';
27 |     import hmMenu from 'components/hm/hm-menu';
28 |     import hmNotice from 'components/hm/hm-notice';
29 |     export default {
30 |         data() {
31 |             return {
32 |                 menu: true
33 |             }
34 |         },
35 |         components: {hmSearch, hmMenu, hmNotice},
36 |         methods: {
37 |             scan: function () {
38 |                 let that = this;
39 |                 uni.scanCode({
40 |                     success: function (res) {
41 |                         let url = res.result;
42 |                         if (url.startsWith("http://") || url.startsWith("https://")) {
43 |                             url = that.rebuildUrl(res.result)
44 |                             //#ifdef H5
45 |                             window.location.href = url;
46 |                             //#endif
47 |                             //#ifndef H5
48 |                             uni.navigateTo({
49 |                                 url: "/euler/pages/third?url=" + encodeURIComponent(url) + "&navigator=true"
50 |                             });
51 |                             //#endif
52 |                         }
53 |                     }
54 |                 });
55 |             },
56 |         }
57 |     }
58 | </script>
59 | <style></style>


--------------------------------------------------------------------------------
/pages/page/euler/tab-message.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <view>
 3 |         <cu-custom bgColor="bg-gradual-blue" :isBack="false"><block slot="content">消息中心</block></cu-custom>
 4 |         <view class="cu-list menu-avatar" v-if="cmsgList && cmsgList.length > 0">
 5 |             <view @tap="msgList(item)" class="cu-item" style="height: 160upx" v-for="(item,index) in cmsgList" :key="index">
 6 |                 <view class="cu-avatar lg text-primary bg-white"
 7 |                       :class="[(item.msgBizIcon && item.msgBizIcon != '') ? item.msgBizIcon : '',
 8 |                         (item.iconBgColor && item.iconBgColor != '') ? 'bg-' + item.iconBgColor: '']"
 9 |                         style="border-radius: 10upx">
10 |                     <view class="cu-tag round bg-red lg" style="width: 40upx;height:40upx;position:absolute;top:-20upx;right:-20upx" >
11 |                         {{item.num>99?'99+':item.num}}
12 |                     </view>
13 |                 </view>
14 |                 <view class="content flex flex-direction margin-left-sm">
15 |                     <view class="flex justify-between align-center">
16 |                         <view class="text-bold text-lg">{{item.title}}</view>
17 |                         <view class="text-grey">{{item.updateTime}}</view>
18 |                     </view>
19 |                     <view class="g-line-clamp margin-top-xs">{{item.message}}</view>
20 |                 </view>
21 |                 <view class="action" style="width: 30upx">
22 |                     <view class="cuIcon-right text-gray"></view>
23 |                 </view>
24 |             </view>
25 |         </view>
26 |     </view>
27 | </template>
28 | <script>
29 |     export default {
30 |         data() {
31 |             return {
32 |                 cmsgList: [
33 |                     {num: 3, msgBizIcon: "cuIcon-message", iconBgColor: "success", updateTime: "2019-11-29 15:15", title: "新闻消息", message: "各部门、中心：\n" +
34 |                             "本月为消防安全宣传月，公司将于本周五下午举行消防演练，具体安排如下：\n" +
35 |                             "1、集合时间：11月22日16:00\n" +
36 |                             "2、集合地点：公司一楼篮球场\n" +
37 |                             "3、参加人员：2018年至2019年入职的在司员工、志愿消防队成员\n" +
38 |                             "4、项目：消防知识讲解、灭火实战演练、消防水带连接等\n" +
39 |                             " \n" +
40 |                             "请相关人员安排好手头上的工作，务必准时参加并现场签到。"},
41 |                     {num: 2, msgBizIcon: "cuIcon-edit", iconBgColor: "warning", title: "审批"}]
42 |             }
43 |         },
44 |         onShow() {
45 | 
46 |         },
47 |         methods: {
48 |             msgList(item) {
49 |                 uni.navigateTo({
50 |                     url: './msg-list?tmsgDefId='+item.tmsgDefId
51 |                         + '&readMode=' + item.readMode + '&readNum=' + item.num
52 |                 });
53 |             }
54 |         }
55 |     }
56 | </script>
57 | <style>
58 |     .cu-list.menu-avatar > .cu-item:after {
59 |         border-bottom: 1px solid #ddd;
60 |     }
61 | </style>


--------------------------------------------------------------------------------
/pages/page/euler/tab-my.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <view>
 3 |         <view class="bg-white margin-bottom-xs padding-top-sm padding-bottom-sm flex justify-start">
 4 |             <view class="padding flex flex-direction justify-center">
 5 |                 <view class="cu-avatar xl round" style="background-image: url('static/pages/my/user-man.png')"></view>
 6 |             </view>
 7 |             <view class="flex flex-direction">
 8 |                 <view class="text-bold text-xl text-black">LD</view>
 9 |                 <view class="text-gray">厦门市 录单员</view>
10 |                 <view class="text-gray">手机：1141242422</view>
11 |                 <view class="text-gray">邮箱：abc2@163.com</view>
12 |             </view>
13 |         </view>
14 |         <view class="cu-list menu-avatar margin-bottom-lg">
15 |             <view @tap="update" class="cu-item" style="height: 100upx">
16 |                 <view class="content" style="left: 30upx">
17 |                     <view class="flex justify-start align-center">
18 |                         <view class="cuIcon-refresh text-blue" style="font-size: 45upx"></view>
19 |                         <view class="margin-left-lg" style="font-size: 30upx;color: #000000">版本更新</view>
20 |                     </view>
21 |                 </view>
22 |                 <view class="action cuIcon-right text-grey" style="width: 30upx"></view>
23 |             </view>
24 |             <view @tap="modifyPwd" class="cu-item" style="height: 100upx">
25 |                 <view class="content" style="left: 30upx">
26 |                     <view class="flex justify-start align-center">
27 |                         <view class="cuIcon-lock text-red" style="font-size: 45upx"></view>
28 |                         <view class="margin-left-lg" style="font-size: 30upx;color: #000000">修改密码</view>
29 |                     </view>
30 |                 </view>
31 |                 <view class="action cuIcon-right text-grey" style="width: 30upx"></view>
32 |             </view>
33 |         </view>
34 |         <view @tap="logout" class="bg-white flex flex-direction justify-center">
35 |             <view class="text-center padding-sm text-bold text-lg text-black">退出登录</view>
36 |         </view>
37 |     </view>
38 | </template>
39 | <script>
40 |     export default {
41 |         data() {
42 |             return {
43 | 
44 |             }
45 |         },
46 |         methods: {
47 |             logout() {
48 |                 console.log("退出登录!");
49 |             },
50 |             update: function () {
51 |                 uni.navigateTo({
52 |                     url: "/pages/page/euler/upgrade"
53 |                 })
54 |             },
55 |             modifyPwd: function () {
56 |                 uni.navigateTo({
57 |                     url: "/pages/page/euler/modify-pwd"
58 |                 })
59 |             }
60 |         }
61 |     }
62 | </script>
63 | <style>
64 | </style>


--------------------------------------------------------------------------------
/pages/page/euler/upgrade-info.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <view>
 3 |         <cu-custom bgColor="bg-gradual-blue" :isBack="true">
 4 |             <block slot="backText">返回</block>
 5 |             <block slot="content">版本说明</block>
 6 |         </cu-custom>
 7 |         <view class="bg-white padding" style="height: 100vh;">
 8 |             <view class="flex justify-center align-center">
 9 |                 <view class="text-center text-black text-bold text-lg">近期主要更新</view>
10 |             </view>
11 |             <view class="margin-top-lg">
12 |                 <rich-text class="text-df text-black" :nodes="versionInfo.remark"></rich-text>
13 |             </view>
14 |         </view>
15 |     </view>
16 | </template>
17 | 
18 | <script>
19 |     export default {
20 |         data() {
21 |             return {
22 |                 versionInfo: {}
23 |             };
24 |         },
25 |         onLoad() {
26 |             let remark = "各部门、中心：\n" +
27 |                 "本月为消防安全宣传月，公司将于本周五下午举行消防演练，具体安排如下：\n" +
28 |                 "1、集合时间：11月22日16:00\n" +
29 |                 "2、集合地点：公司一楼篮球场\n" +
30 |                 "3、参加人员：2018年至2019年入职的在司员工、志愿消防队成员\n" +
31 |                 "4、项目：消防知识讲解、灭火实战演练、消防水带连接等" +
32 |                 " \n请相关人员安排好手头上的工作，务必准时参加并现场签到。";
33 |             this.versionInfo = {
34 |                 remark: remark.replace(/\n/g, '<br/>')
35 |             };
36 |         }
37 |     }
38 | </script>
39 | 
40 | <style>
41 | 
42 | </style>


--------------------------------------------------------------------------------
/pages/page/euler/upgrade.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <view>
 3 |         <cu-custom bgColor="bg-gradual-blue" :isBack="true">
 4 |             <block slot="backText">返回</block>
 5 |             <block slot="content">版本升级</block>
 6 |         </cu-custom>
 7 |         <view class="bg-white" style="height: 100vh">
 8 |             <view class="flex justify-center align-center">
 9 |                 <view class="text-center padding text-black">版本号1.0.0</view>
10 |             </view>
11 |             <view class="cu-list menu-avatar margin-bottom-lg">
12 |                 <view @tap="versionDesc" class="cu-item" style="height: 100upx">
13 |                     <view class="content" style="left: 30upx">
14 |                         <view class="margin-left-lg" style="font-size: 30upx;color: #000000">版本说明</view>
15 |                     </view>
16 |                     <view class="action cuIcon-right text-grey" style="width: 30upx"></view>
17 |                 </view>
18 |                 <view @tap="update" class="cu-item" style="height: 100upx">
19 |                     <view class="content" style="left: 30upx">
20 |                         <view class="margin-left-lg" style="font-size: 30upx;color: #000000">版本更新</view>
21 |                     </view>
22 |                     <view class="action cuIcon-right text-grey" style="width: 30upx"></view>
23 |                 </view>
24 |             </view>
25 |         </view>
26 |     </view>
27 | </template>
28 | 
29 | <script>
30 |     export default {
31 |         data() {
32 |             return {}
33 |         },
34 |         methods: {
35 |             async update() {
36 |                 uni.showToast({title: "当前是最新版", icon: "none"});
37 |             },
38 |             versionDesc() {
39 |                 uni.navigateTo({
40 |                     url: '/pages/page/euler/upgrade-info'
41 |                 });
42 |             }
43 |         }
44 |     }
45 | </script>
46 | 
47 | <style>
48 | 
49 | </style>


--------------------------------------------------------------------------------
/pages/page/euler/user-bind.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <view class="g-page bg-white">
 3 |         <cu-custom bgColor="bg-gradual-blue" :isBack="true">
 4 |             <block slot="backText">返回</block>
 5 |             <block slot="content">用户绑定</block>
 6 |         </cu-custom>
 7 |         <view class="g-content">
 8 |             <view class="flex justify-center" style="padding-top: 2rem;padding-bottom: 1.5rem">
 9 |                 <view class="text-bold text-xxl">添加绑定账号</view>
10 |             </view>
11 |             <view class="margin-bottom-lg">
12 |                 <uni-segmented-control :current="current" :values="items" v-on:clickItem="onClickItem"
13 |                                        styleType="button" activeColor="#007aff"></uni-segmented-control>
14 |             </view>
15 |             <view class="flex flex-direction" style="margin: 0 70upx">
16 |                 <view class="flex align-center solid-bottom">
17 |                     <view class="cuIcon-people text-grey" style="font-size: 44upx"></view>
18 |                     <view class="margin-left-sm">
19 |                         <input v-model="username" placeholder="请输入用户名" maxlength="20"/>
20 |                     </view>
21 |                 </view>
22 |                 <view class="flex margin-top-sm align-center solid-bottom">
23 |                     <view class="cuIcon-lock text-grey" style="font-size: 44upx"></view>
24 |                     <view class="margin-left-sm">
25 |                         <input v-model="pwd" password placeholder="请输入密码" maxlength="20"/>
26 |                     </view>
27 |                 </view>
28 |             </view>
29 |             <view class="margin-top-xl margin-bottom-xl flex justify-center">
30 |                 <view class="cu-btn block bg-blue df" style="border-radius: 10upx;width: 600upx;height: 80upx">
31 |                     <view class="text-lg">绑定</view>
32 |                 </view>
33 |             </view>
34 |         </view>
35 |         <view class="g-footer bg-footer flex flex-direction justify-center">
36 |             <view class="text-center text-lg text-content">
37 |                 技术支持：中软海晟信息技术有限公司
38 |             </view>
39 |         </view>
40 |     </view>
41 | </template>
42 | 
43 | <script>
44 |     import uniSegmentedControl from 'components/uni/uni-segmented-control';
45 |     export default {
46 |         data() {
47 |             return {
48 |                 items: ["系统用户", "扩展用户"],
49 |                 personType: ['DEFAULT', 'EXTEND_USER'],
50 |                 current: 0,
51 |                 username: '',
52 |                 pwd: '',
53 |             }
54 |         },
55 |         components: {uniSegmentedControl},
56 |         methods: {
57 |             onClickItem(index) {
58 |                 if (this.current !== index) {
59 |                     this.current = index;
60 |                 }
61 |             },
62 |         }
63 |     }
64 | </script>
65 | 
66 | <style>
67 | 
68 | </style>


--------------------------------------------------------------------------------
/pages/page/euler/user-center.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <view>
 3 |         <cu-custom bgColor="bg-gradual-blue" :isBack="true">
 4 |             <block slot="backText">返回</block>
 5 |             <block slot="content">公众号用户中心</block>
 6 |         </cu-custom>
 7 |         <view class="bg-white margin-bottom padding-top-lg padding-bottom-sm flex flex-direction justify-center">
 8 |             <view class="flex justify-center">
 9 |                 <view class="cu-avatar xl round" style="background-image: url('static/pages/my/user-man.png')"></view>
10 |             </view>
11 |             <view class="text-center">CG</view>
12 |             <view class="text-center">厦门市局</view>
13 |         </view>
14 |         <view class="cu-list menu-avatar margin-bottom-lg">
15 |             <view class="cu-item" style="height: 100upx">
16 |                 <view class="content text-bold text-lg text-blue" style="left: 30upx">
17 |                     采购
18 |                 </view>
19 |                 <view class="action cuIcon-check text-blue" style="font-size:45upx;width: 50upx"></view>
20 |                 <view class="action" style="width: 150upx">
21 |                     <view class="cu-btn line-red">解绑</view>
22 |                 </view>
23 |             </view>
24 |             <view class="cu-item" style="height: 100upx">
25 |                 <view class="content text-bold text-lg" style="left: 30upx">
26 |                     经理
27 |                 </view>
28 |                 <view class="action" style="width: 150upx">
29 |                     <view class="cu-btn line-red">解绑</view>
30 |                 </view>
31 |             </view>
32 |         </view>
33 |         <view @tap="newBind" class="bg-white flex flex-direction justify-center">
34 |             <view class="text-center padding-sm text-lg text-blue flex justify-center">
35 |                 <view class="cuIcon-add">添加绑定账号</view>
36 |             </view>
37 |         </view>
38 |     </view>
39 | </template>
40 | 
41 | <script>
42 |     export default {
43 |         data() {
44 |             return {
45 | 
46 |             }
47 |         },
48 |         methods: {
49 |             newBind: function () {
50 | 
51 | 
52 |             }
53 |         }
54 |     }
55 | </script>
56 | 
57 | <style>
58 | 
59 | </style>


--------------------------------------------------------------------------------
/pages/page/euler/user-not-bind.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <view>
 3 |         <cu-custom bgColor="bg-gradual-blue" :isBack="true">
 4 |             <block slot="backText">返回</block>
 5 |             <block slot="content">企业微信用户错误</block>
 6 |         </cu-custom>
 7 |         <view class="flex flex-direction justify-start align-center bg-white" style="height:100vh">
 8 |             <view class="flex justify-center margin-top-xl">
 9 |                 <view class="cu-avatar round bg-white" style="width:350upx;height:350upx;background-image: url('static/commons/images/alertImg/img-cartoon-loading.png')"></view>
10 |             </view>
11 |             <block v-if="code == null || code == 'USER_NOT_FOUND'">
12 |                 <view class="margin-top text-center text-bold text-black text-xxl">
13 |                     用户未同步
14 |                 </view>
15 |                 <view class="margin-top-xs text-center text-xl">
16 |                     请联系管理员同步到系统用户
17 |                 </view>
18 |             </block>
19 |             <block v-if="code == 'USER_LOCKED'">
20 |                 <view class="margin-top text-center text-bold text-black text-xxl">
21 |                     用户被锁定
22 |                 </view>
23 |                 <view class="margin-top-xs text-center text-xl">
24 |                     请联系管理员解锁用户
25 |                 </view>
26 |             </block>
27 |         </view>
28 |     </view>
29 | </template>
30 | 
31 | <script>
32 |     export default {
33 |         data() {
34 |             return {
35 |                 code: null
36 |             }
37 |         },
38 |         onLoad: function(options) {
39 |             this.code = options.code;
40 |             // this.code = 'USER_LOCKED';
41 |         },
42 |     }
43 | </script>
44 | 
45 | <style>
46 | 
47 | </style>


--------------------------------------------------------------------------------
/pages/page/home.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |     <view>
  3 |         <cu-custom bgColor="bg-gradual-orange" :isBack="false">
  4 |             <block slot="content">页面展示</block>
  5 |         </cu-custom>
  6 |         <view class="flex margin-bottom-lg bg-white">
  7 |             <view class="g-margin0 text-bold text-xxl solid-bottom padding-tb-lg"
  8 |                   style="width: 100%; text-align: center">
  9 |                 以下是页面展示
 10 |             </view>
 11 |         </view>
 12 |         <view class="uni-common-pb">
 13 |             <view class="uni-card" v-for="(list,index) in lists" :key="index">
 14 |                 <view class="uni-list">
 15 |                     <view class="uni-list-cell uni-collapse">
 16 |                         <view class="uni-list-cell-navigate uni-navigate-bottom" hover-class="uni-list-cell-hover"
 17 |                               :class="list.open ? 'uni-active' : ''"
 18 |                               @click="triggerCollapse(index)">
 19 |                             {{list.name}}
 20 |                         </view>
 21 |                         <view class="uni-list uni-collapse" :class="list.open ? 'uni-active' : ''">
 22 |                             <view class="uni-list-cell" hover-class="uni-list-cell-hover"
 23 |                                   v-for="(item,key) in list.pages" :key="key" :url="item.url"
 24 |                                   @click="goDetailPage(item)">
 25 |                                 <view class="uni-list-cell-navigate uni-navigate-right"> {{item.name}}</view>
 26 |                             </view>
 27 |                         </view>
 28 |                     </view>
 29 |                 </view>
 30 |             </view>
 31 |         </view>
 32 |     </view>
 33 | </template>
 34 | 
 35 | <script>
 36 |     export default {
 37 |         data() {
 38 |             const list = [{
 39 |                 id: 'euler-page',
 40 |                 name: 'euler系统页面',
 41 |                 open: false,
 42 |                 pages: [{
 43 |                     name: '登录页',
 44 |                     prefix: 'euler',
 45 |                     url: 'login'
 46 |                 }, {
 47 |                     name: '框架页',
 48 |                     prefix: 'euler',
 49 |                     url: 'main'
 50 |                 }, {
 51 |                     name: '404',
 52 |                     prefix: 'euler',
 53 |                     url: '404'
 54 |                 }, {
 55 |                     name: '500',
 56 |                     prefix: 'euler',
 57 |                     url: '500'
 58 |                 }, {
 59 |                     name: '网络不给力',
 60 |                     prefix: 'euler',
 61 |                     url: 'net-disconnect'
 62 |                 }, {
 63 |                     name: '企业微信用户错误',
 64 |                     prefix: 'euler',
 65 |                     url: 'user-not-bind'
 66 |                 }, {
 67 |                     name: '用户绑定',
 68 |                     prefix: 'euler',
 69 |                     url: 'user-bind'
 70 |                 }, {
 71 |                     name: '公众号用户中心',
 72 |                     prefix: 'euler',
 73 |                     url: 'user-center'
 74 |                 }]
 75 |             }];
 76 |             return {
 77 |                 lists: list
 78 |             }
 79 |         },
 80 |         methods: {
 81 |             triggerCollapse(index) {
 82 |                 if (!this.lists[index].pages) {
 83 |                     this.goDetailPage(this.lists[index]);
 84 |                     return;
 85 |                 }
 86 |                 for (let i = 0; i < this.lists.length; ++i) {
 87 |                     if (index === i) {
 88 |                         this.lists[i].open = !this.lists[index].open;
 89 |                     } else {
 90 |                         this.lists[i].open = false;
 91 |                     }
 92 |                 }
 93 |             },
 94 |             goDetailPage(item) {
 95 |                 if (item.url && item.url != '') {
 96 |                     let prefix = item.prefix ? item.prefix + "/" : "";
 97 |                     let url = '/pages/page/' + prefix + item.url;
 98 |                     if (item.param) {
 99 |                         url += item.param;
100 |                     }
101 |                     uni.navigateTo({
102 |                         url: url
103 |                     })
104 |                 }
105 |             }
106 |         }
107 |     }
108 | </script>
109 | 
110 | <style>
111 |     .solid-bottom::after {
112 |         border-bottom: 4 upx solid rgba(0, 0, 0, 0.5);
113 |     }
114 | </style>
115 | 


--------------------------------------------------------------------------------
/pages/plugin/animation.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view>
  3 | 		<cu-custom bgImage="https://image.weilanwl.com/color2.0/plugin/wdh2236.jpg" :isBack="true"><block slot="backText">返回</block>
  4 | 			<block slot="content">微动画</block>
  5 | 		</cu-custom>
  6 | 		<view class="cu-bar bg-white">
  7 | 			<view class="action">
  8 | 				<text class="cuIcon-title text-orange"></text> 默认效果
  9 | 			</view>
 10 | 		</view>
 11 | 		<view class="padding-sm">
 12 | 			<view class="flex flex-wrap justify-around">
 13 | 				<button class="cu-btn margin-sm basis-sm shadow" :class="['bg-' + item.color,animation==item.name?'animation-' +item.name :'']"
 14 | 				 @tap="Toggle" :data-class="item.name" v-for="(item,index) in list" :key="index">{{item.name}}</button>
 15 | 			</view>
 16 | 		</view>
 17 | 		<view class="cu-bar bg-white">
 18 | 			<view class="action">
 19 | 				<text class="cuIcon-title text-orange"></text> 反向动画
 20 | 			</view>
 21 | 		</view>
 22 | 
 23 | 		<view class="padding-sm">
 24 | 			<view class="flex flex-wrap justify-around">
 25 | 				<button class="cu-btn animation-reverse margin-sm basis-sm shadow" :class="['bg-' + item.color,animation==item.name+'s'?'animation-' +item.name:'']"
 26 | 				 @tap="Toggle" :data-class="item.name+'s'" v-for="(item,index) in list" :key="index">{{item.name}}</button>
 27 | 			</view>
 28 | 		</view>
 29 | 		<view class="cu-bar bg-white">
 30 | 			<view class="action">
 31 | 				<text class="cuIcon-title text-orange"></text> 延迟执行
 32 | 			</view>
 33 | 			<view class="action">
 34 | 				<button class="cu-btn bg-cyan shadow" @tap="ToggleDelay">开始执行</button>
 35 | 			</view>
 36 | 		</view>
 37 | 
 38 | 		<view class="padding-sm">
 39 | 			<view class="flex flex-wrap justify-around">
 40 | 				<button class="margin-sm basis-sm shadow cu-btn" :class="['bg-' + item.color,toggleDelay?'animation-slide-bottom':'']"
 41 | 				 :style="[{animationDelay: (index + 1)*0.1 + 's'}]" v-for="(item,index) in list" :key="index">0.{{index+1}}s</button>
 42 | 			</view>
 43 | 		</view>
 44 | 		<view class="cu-bar bg-white">
 45 | 			<view class="action">
 46 | 				<text class="cuIcon-title text-orange"></text> Gif动画
 47 | 			</view>
 48 | 		</view>
 49 | 		<view class="margin radius bg-gradual-green shadow-blur">
 50 | 			<image src="https://raw.githubusercontent.com/weilanwl/ColorUI/master/demo/images/wave.gif" mode="scaleToFill" class="gif-black response" style="height:100upx"></image>
 51 | 		</view>
 52 | 		<view class="margin flex">
 53 | 			<view class="bg-black flex-sub margin-right radius shadow-lg">
 54 | 				<image src="https://image.weilanwl.com/gif/loading-black.gif" mode="aspectFit" class="gif-black response" style="height:240upx"></image>
 55 | 			</view>
 56 | 			<view class="bg-white flex-sub radius shadow-lg">
 57 | 				<image src="https://image.weilanwl.com/gif/loading-white.gif" mode="aspectFit" class="gif-white response" style="height:240upx"></image>
 58 | 			</view>
 59 | 		</view>
 60 | 		<view class="margin flex">
 61 | 			<view class="bg-gradual-blue flex-sub margin-right radius shadow-lg">
 62 | 				<image src="https://image.weilanwl.com/gif/rhomb-black.gif" mode="aspectFit" class="gif-black response" style="height:240upx"></image>
 63 | 			</view>
 64 | 			<view class="bg-white flex-sub radius shadow-lg">
 65 | 				<image src="https://image.weilanwl.com/gif/rhomb-white.gif" mode="aspectFit" class="gif-white response" style="height:240upx"></image>
 66 | 			</view>
 67 | 		</view>
 68 | 		<view class="margin flex">
 69 | 			<view class="bg-white flex-sub margin-right radius shadow-lg">
 70 | 				<image src="https://image.weilanwl.com/gif/loading-1.gif" mode="aspectFit" class="gif-white response" style="height:240upx"></image>
 71 | 			</view>
 72 | 			<view class="bg-black flex-sub radius shadow-lg">
 73 | 				<image src="https://image.weilanwl.com/gif/loading-2.gif" mode="aspectFit" class="gif-black response" style="height:240upx"></image>
 74 | 			</view>
 75 | 		</view>
 76 | 	</view>
 77 | </template>
 78 | 
 79 | <script>
 80 | 	export default {
 81 | 		data() {
 82 | 			return {
 83 | 				animation:'',
 84 | 				list: [{
 85 | 						name: 'fade',
 86 | 						color: 'red'
 87 | 					},
 88 | 					{
 89 | 						name: 'scale-up',
 90 | 						color: 'orange'
 91 | 					},
 92 | 					{
 93 | 						name: 'scale-down',
 94 | 						color: 'olive'
 95 | 					},
 96 | 					{
 97 | 						name: 'slide-top',
 98 | 						color: 'green'
 99 | 					}, {
100 | 						name: 'slide-bottom',
101 | 						color: 'cyan'
102 | 					},
103 | 					{
104 | 						name: 'slide-left',
105 | 						color: 'blue'
106 | 					},
107 | 					{
108 | 						name: 'slide-right',
109 | 						color: 'purple'
110 | 					},
111 | 					{
112 | 						name: 'shake',
113 | 						color: 'mauve'
114 | 					}
115 | 				],
116 | 				toggleDelay: false
117 | 
118 | 			};
119 | 		},
120 | 		methods: {
121 | 			Toggle(e) {
122 | 				var anmiaton = e.currentTarget.dataset.class;
123 | 				this.animation= anmiaton;
124 | 				setTimeout(()=>{
125 | 					this.animation= '';
126 | 				}, 1000)
127 | 			},
128 | 			ToggleDelay() {
129 | 				this.toggleDelay= true;
130 | 				setTimeout(()=>{
131 | 					this.toggleDelay= false
132 | 				}, 1000)
133 | 			}
134 | 		},
135 | 	}
136 | </script>
137 | 
138 | <style>
139 | 	@import "../../colorui/animation.css";
140 | 	
141 | 	image[class*="gif-"] {
142 | 		border-radius: 6upx;
143 | 		display: block;
144 | 	}
145 | </style>


--------------------------------------------------------------------------------
/pages/plugin/drawer.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 | 	<view class="bg-gradual-blue">
  3 | 		<scroll-view scroll-y class="DrawerPage" :class="modalName=='viewModal'?'show':''">
  4 | 			<cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block>
  5 | 				<block slot="content">全屏抽屉</block>
  6 | 			</cu-custom>			
  7 | 			<view class='padding margin text-center'>
  8 | 				<view class='cu-btn bg-green lg block shadow radius margin-xl' @tap="showModal" data-target="viewModal">
  9 | 					打开抽屉
 10 | 				</view>
 11 | 			</view>
 12 | 			<view class="cu-list menu card-menu margin-top-xl margin-bottom-xl shadow-lg">
 13 | 				<view class="cu-item arrow" v-for="(item,index) in 20" :key="index">
 14 | 					<view class="content">
 15 | 						<text class="cuIcon-github text-grey"></text>
 16 | 						<text class="text-grey">{{index +1}}</text>
 17 | 					</view>
 18 | 				</view>
 19 | 			</view>
 20 | 			
 21 | 			<view class='padding margin text-center'>
 22 | 				<view class='cu-btn bg-green lg block shadow radius margin-xl' @tap="showModal" data-target="viewModal">
 23 | 					打开抽屉
 24 | 				</view>
 25 | 			</view>
 26 | 		</scroll-view>
 27 | 		<view class="DrawerClose" :class="modalName=='viewModal'?'show':''" @tap="hideModal">
 28 | 			<text class="cuIcon-pullright"></text>
 29 | 		</view>
 30 | 		<scroll-view scroll-y class="DrawerWindow" :class="modalName=='viewModal'?'show':''">
 31 | 			<view class="cu-list menu card-menu margin-top-xl margin-bottom-xl shadow-lg">
 32 | 				<view class="cu-item arrow" v-for="(item,index) in 20" :key="index">
 33 | 					<view class="content">
 34 | 						<text class="cuIcon-github text-grey"></text>
 35 | 						<text class="text-grey">{{index +1}}</text>
 36 | 					</view>
 37 | 				</view>
 38 | 			</view>
 39 | 		</scroll-view>
 40 | 	</view>
 41 | </template>
 42 | 
 43 | <script>
 44 | 	export default {
 45 | 		data() {
 46 | 			return {
 47 | 				modalName:null
 48 | 			};
 49 | 		},
 50 | 		methods: {
 51 | 			showModal(e) {
 52 | 				this.modalName = e.currentTarget.dataset.target
 53 | 			},
 54 | 			hideModal(e) {
 55 | 				this.modalName = null
 56 | 			},
 57 | 			tabSelect(e) {
 58 | 				this.TabCur = e.currentTarget.dataset.id;
 59 | 				this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60
 60 | 			}
 61 | 		},
 62 | 	}
 63 | </script>
 64 | 
 65 | <style>
 66 | 	page {
 67 | 		background-image: var(--gradualBlue);
 68 | 		width: 100vw;
 69 | 		overflow: hidden;
 70 | 	}
 71 | 
 72 | 	.DrawerPage {
 73 | 		position: fixed;
 74 | 		width: 100vw;
 75 | 		height: 100vh;
 76 | 		left: 0vw;
 77 | 		background-color: #f1f1f1;
 78 | 		transition: all 0.4s;
 79 | 	}
 80 | 
 81 | 	.DrawerPage.show {
 82 | 		transform: scale(0.9, 0.9);
 83 | 		left: 85vw;
 84 | 		box-shadow: 0 0 60upx rgba(0, 0, 0, 0.2);
 85 | 		transform-origin: 0;
 86 | 	}
 87 | 
 88 | 	.DrawerWindow {
 89 | 		position: absolute;
 90 | 		width: 85vw;
 91 | 		height: 100vh;
 92 | 		left: 0;
 93 | 		top: 0;
 94 | 		transform: scale(0.9, 0.9) translateX(-100%);
 95 | 		opacity: 0;
 96 | 		pointer-events: none;
 97 | 		transition: all 0.4s;
 98 | 		padding: 100upx 0;
 99 | 	}
100 | 
101 | 	.DrawerWindow.show {
102 | 		transform: scale(1, 1) translateX(0%);
103 | 		opacity: 1;
104 | 		pointer-events: all;
105 | 	}
106 | 
107 | 	.DrawerClose {
108 | 		position: absolute;
109 | 		width: 40vw;
110 | 		height: 100vh;
111 | 		right: 0;
112 | 		top: 0;
113 | 		color: transparent;
114 | 		padding-bottom: 30upx;
115 | 		display: flex;
116 | 		align-items: flex-end;
117 | 		justify-content: center;
118 | 		background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.6));
119 | 		letter-spacing: 5px;
120 | 		font-size: 50upx;
121 | 		opacity: 0;
122 | 		pointer-events: none;
123 | 		transition: all 0.4s;
124 | 	}
125 | 
126 | 	.DrawerClose.show {
127 | 		opacity: 1;
128 | 		pointer-events: all;
129 | 		width: 15vw;
130 | 		color: #fff;
131 | 	}
132 | 
133 | 	.DrawerPage .cu-bar.tabbar .action button.cuIcon {
134 | 		width: 64upx;
135 | 		height: 64upx;
136 | 		line-height: 64upx;
137 | 		margin: 0;
138 | 		display: inline-block;
139 | 	}
140 | 
141 | 	.DrawerPage .cu-bar.tabbar .action .cu-avatar {
142 | 		margin: 0;
143 | 	}
144 | 
145 | 	.DrawerPage .nav {
146 | 		flex: 1;
147 | 	}
148 | 
149 | 	.DrawerPage .nav .cu-item.cur {
150 | 		border-bottom: 0;
151 | 		position: relative;
152 | 	}
153 | 
154 | 	.DrawerPage .nav .cu-item.cur::after {
155 | 		content: "";
156 | 		width: 10upx;
157 | 		height: 10upx;
158 | 		background-color: currentColor;
159 | 		position: absolute;
160 | 		bottom: 10upx;
161 | 		border-radius: 10upx;
162 | 		left: 0;
163 | 		right: 0;
164 | 		margin: auto;
165 | 	}
166 | 
167 | 	.DrawerPage .cu-bar.tabbar .action {
168 | 		flex: initial;
169 | 	}
170 | </style>
171 | 


--------------------------------------------------------------------------------
/pages/plugin/home.vue:
--------------------------------------------------------------------------------
  1 | <template name="components">
  2 | 	<view>
  3 | 		<scroll-view scroll-y class="page">
  4 | 			<cu-custom bgImage="/static/home/cjkz2329.jpg">
  5 | 				<block slot="content">
  6 | 					<image src="/static/cjkz.png" mode="aspectFill" style="width: 240upx;height: 60upx;"></image>
  7 | 				</block>
  8 | 			</cu-custom>
  9 | 			<view class="cu-card">
 10 | 				<view class="cu-item bg-img shadow-blur" :style="[{backgroundImage:'url('+item.img+')'}]" @tap="toChild" :data-url="item.url"
 11 | 				 v-for="(item,index) in list" :key="index">
 12 | 					<view class="cardTitle">
 13 | 						{{item.title}}
 14 | 					</view>
 15 | 				</view>
 16 | 			</view>
 17 | 			<view class="cu-tabbar-height"></view>
 18 | 		</scroll-view>
 19 | 	</view>
 20 | </template>
 21 | 
 22 | <script>
 23 | 	export default {
 24 | 		name: "components",
 25 | 		data() {
 26 | 			return {
 27 | 				StatusBar: this.StatusBar,
 28 | 				CustomBar: this.CustomBar,
 29 | 				list: [{
 30 | 						title: '索引列表',
 31 | 						img: 'https://image.weilanwl.com/color2.0/plugin/sylb2244.jpg',
 32 | 						url: '../plugin/indexes'
 33 | 					},
 34 | 					{
 35 | 						title: '微动画',
 36 | 						img: 'https://image.weilanwl.com/color2.0/plugin/wdh2236.jpg',
 37 | 						url: '../plugin/animation'
 38 | 					},
 39 | 					{
 40 | 						title: '全屏抽屉',
 41 | 						img: 'https://image.weilanwl.com/color2.0/plugin/qpct2148.jpg',
 42 | 						url: '../plugin/drawer'
 43 | 					},
 44 | 					{
 45 | 						title: '垂直导航',
 46 | 						img: 'https://image.weilanwl.com/color2.0/plugin/qpczdh2307.jpg',
 47 | 						url: '../plugin/verticalnav'
 48 | 					}
 49 | 				]
 50 | 			};
 51 | 		},
 52 | 		methods: {
 53 | 			toChild(e) {
 54 | 				uni.navigateTo({
 55 | 					url: e.currentTarget.dataset.url
 56 | 				})
 57 | 			},
 58 | 		},
 59 | 	}
 60 | </script>
 61 | 
 62 | <style>
 63 | 	.page {
 64 | 		height: 100vh;
 65 | 	}
 66 | 
 67 | 	.cardTitle {
 68 | 		color: #fff;
 69 | 		padding: 90upx 60upx;
 70 | 		font-size: 40upx;
 71 | 		font-weight: 300;
 72 | 		transform: skew(-10deg, 0deg);
 73 | 		position: relative;
 74 | 		text-shadow: 0px 0px 6upx rgba(0, 0, 0, 0.3)
 75 | 	}
 76 | 
 77 | 	.cardTitle::before {
 78 | 		content: "";
 79 | 		position: absolute;
 80 | 		width: 60upx;
 81 | 		height: 6upx;
 82 | 		border-radius: 20upx;
 83 | 		background-color: #fff;
 84 | 		display: block;
 85 | 		top: 60upx;
 86 | 		left: 50upx;
 87 | 		transform: skew(10deg, 0deg);
 88 | 	}
 89 | 
 90 | 	.cardTitle::after {
 91 | 		content: "";
 92 | 		position: absolute;
 93 | 		width: 140upx;
 94 | 		border-radius: 6upx;
 95 | 		height: 24upx;
 96 | 		background-color: #fff;
 97 | 		display: block;
 98 | 		bottom: 76upx;
 99 | 		left: 90upx;
100 | 		transform: skew(10deg, 0deg);
101 | 		opacity: 0.1;
102 | 	}
103 | </style>
104 | 


--------------------------------------------------------------------------------
/pages/search-page.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <view>
 3 |         <cu-custom bgColor="bg-gradual-blue" :isBack="true">
 4 |             <block slot="backText">返回</block>
 5 |             <block slot="content">菜单搜索</block>
 6 |         </cu-custom>
 7 |         <hm-search></hm-search>
 8 |     </view>
 9 | </template>
10 | 
11 | <script>
12 |     import hmSearch from 'components/hm/hm-search'
13 |     export default {
14 |         data: function() {
15 |             return {
16 | 
17 |             };
18 |         },
19 |         onLoad: function(options) {
20 |         },
21 |         components: {
22 |             hmSearch
23 |         }
24 |     }
25 | </script>
26 | 
27 | <style>
28 | 
29 | </style>
30 | 


--------------------------------------------------------------------------------
/pages/sys-component/notice-content.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <view>
 3 |         <cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">公告内容</block></cu-custom>
 4 |         <view class="text-sm flex flex-direction bg-white padding">
 5 |             <view class="text-bold text-xl text-black">
 6 |                 {{title}}
 7 |             </view>
 8 |             <view class="text-grey text-df">
 9 |                 {{createTime}}
10 |             </view>
11 |             <rich-text class="text-df text-black" :nodes="content"></rich-text>
12 |         </view>
13 |     </view>
14 | </template>
15 | 
16 | <script>
17 |     export default {
18 |         data: function () {
19 |             return {
20 |                 id: "",
21 |                 content: "内容",
22 |                 title: "",
23 |                 createTime: ""
24 |             };
25 |         },
26 |         onLoad: function () {
27 |         },
28 |         mounted: async function() {
29 |             let that = this;
30 |             that.title = '消防演练';
31 |             that.createTime = '2019-11-29 15:15'
32 |             that.content = "各部门、中心：\n" +
33 |                 "本月为消防安全宣传月，公司将于本周五下午举行消防演练，具体安排如下：\n" +
34 |                 "1、集合时间：11月22日16:00\n" +
35 |                 "2、集合地点：公司一楼篮球场\n" +
36 |                 "3、参加人员：2018年至2019年入职的在司员工、志愿消防队成员\n" +
37 |                 "4、项目：消防知识讲解、灭火实战演练、消防水带连接等" +
38 |                 " \n请相关人员安排好手头上的工作，务必准时参加并现场签到。";
39 |             if (that.content.indexOf('\n') != -1) {
40 |                 that.content = that.content.replace(/\n/g, '<br/>');
41 |             }
42 |         },
43 |         methods: {
44 | 
45 |         }
46 |     }
47 | </script>
48 | 
49 | <style>
50 | 
51 | </style>
52 | 


--------------------------------------------------------------------------------
/pages/sys-component/notice-list.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <view>
 3 |         <cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">公告列表</block></cu-custom>
 4 |         <scroll-view :scroll-top="scrollTop" scroll-y="true" :style="'height:' + height" @scrolltoupper="upper"
 5 |                      @scrolltolower="lower"
 6 |                      @scroll="scroll">
 7 |             <view class="cu-list menu-avatar">
 8 |                 <view @tap="content(item)" v-for="(item, index) in noticeList" :key="index" class="cu-item padding" style="justify-content:flex-start;height: 100%">
 9 |                     <view class="text-sm flex flex-direction">
10 |                         <view class="text-bold text-xl">
11 |                             {{item.title}}
12 |                         </view>
13 |                         <view class="text-grey text-df">
14 |                             {{item.issueTime}}
15 |                         </view>
16 |                         <rich-text class="text-df" :nodes="item.content"></rich-text>
17 |                     </view>
18 |                 </view>
19 |             </view>
20 |         </scroll-view>
21 |     </view>
22 | </template>
23 | 
24 | <script>
25 |     export default {
26 |         data: function () {
27 |             return {
28 |                 height: '100%',
29 |                 noticeList: [],
30 |                 pageNo: 2,
31 |                 scrollTop: 0,
32 |                 old: {
33 |                     scrollTop: 0
34 |                 },
35 |                 pageSize: 25,
36 |                 refresh: false
37 |             };
38 |         },
39 |         onLoad: function (options) {},
40 |         onShow() {
41 |             this.initData();
42 |         },
43 |         methods: {
44 |             upper: function (e) {
45 |             },
46 |             lower: function (e) {
47 |                 if (!this.refresh) {
48 |                     this.refresh = true;
49 |                     console.log("more data");
50 |                     this.moreData();
51 |                 }
52 |             },
53 |             scroll: function (e) {
54 |                 this.old.scrollTop = e.detail.scrollTop
55 |             },
56 |             initData: function () {
57 |                 let that = this;
58 |                 setTimeout(async function () {
59 |                     let list = [{"id": "1", "title":"公告测试", "content":"<p>色温若<br/>翁绕弯儿无</p>", "issueTime":"2019-10-10 14:32"},
60 |                         {"id": "1", "title":"公告测试", "content":"<p>色温若<br/>翁绕弯儿无</p>", "issueTime":"2019-10-10 14:32"},
61 |                         {"id": "1", "title":"公告测试", "content":"<p>色温若<br/>翁绕弯儿无</p>", "issueTime":"2019-10-10 14:32"},
62 |                         {"id": "1", "title":"公告测试", "content":"<p>色温若<br/>翁绕弯儿无</p>", "issueTime":"2019-10-10 14:32"},
63 |                         {"id": "1", "title":"公告测试", "content":"<p>色温若<br/>翁绕弯儿无</p>", "issueTime":"2019-10-10 14:32"},
64 |                         {"id": "1", "title":"公告测试", "content":"<p>色温若<br/>翁绕弯儿无</p>", "issueTime":"2019-10-10 14:32"},
65 |                         {"id": "1", "title":"公告测试", "content":"<p>色温若<br/>翁绕弯儿无</p>", "issueTime":"2019-10-10 14:32"}];
66 |                     that.noticeList = list;
67 |                     uni.stopPullDownRefresh();
68 |                 }, 300);
69 |                 this.pageNo = 2;
70 |             },
71 |             async moreData() {
72 |                 let that = this;
73 |                 that.pageNo++;
74 |                 let list = [{"id": "1", "title":"另一个公告", "content":"<p>水电费水<br/>电费水电费</p>", "issueTime":"2019-10-10 14:32"},
75 |                     {"id": "1", "title":"另一个公告", "content":"<p>水电费水<br/>电费水电费</p>", "issueTime":"2019-10-10 14:32"},
76 |                     {"id": "1", "title":"另一个公告", "content":"<p>水电费水<br/>电费水电费</p>", "issueTime":"2019-10-10 14:32"},
77 |                     {"id": "1", "title":"另一个公告", "content":"<p>水电费水<br/>电费水电费</p>", "issueTime":"2019-10-10 14:32"},
78 |                     {"id": "1", "title":"另一个公告", "content":"<p>水电费水<br/>电费水电费</p>", "issueTime":"2019-10-10 14:32"}];;
79 |                 that.noticeList = that.noticeList.concat(list);
80 |                 that.refresh = false;
81 |             },
82 |             content: function (item) {
83 |                 uni.navigateTo({
84 |                     url : "/pages/sys-component/notice-content"
85 |                 });
86 |             }
87 |         }
88 |     }
89 | </script>
90 | 
91 | <style>
92 | 
93 | </style>
94 | 


--------------------------------------------------------------------------------
/pages/third.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <view>
 3 |         <cu-custom v-if="navigator" bgColor="bg-gradual-blue" :isBack="true">
 4 |             <block slot="backText">返回</block><block slot="content">{{title}}</block>
 5 |         </cu-custom>
 6 |         <!--  #ifndef  APP-PLUS -->
 7 |         <web-view :src="url" @message="handleMessage"></web-view>
 8 |         <!--  #endif -->
 9 |     </view>
10 | </template>
11 | 
12 | <script>
13 |     export default {
14 |         data: function () {
15 |             return {
16 |                 url: "",
17 |                 navigator: true,
18 |                 title: '第三方组件'
19 |             };
20 |         },
21 |         onReady() {
22 |             //#ifdef APP-PLUS
23 |             let all = plus.webview.all();
24 |             let top = plus.navigator.getStatusbarHeight();
25 |             if (this.navigator) top = top + 50;
26 |             all[all.length - 1].append(plus.webview.create(this.url, "", {top: top + 'px'}));
27 |             //#endif
28 |         },
29 |         onLoad: function (options) {
30 |             if (options.navigator == false || options.navigator == 'false') {
31 |                 this.navigator = false;
32 |             }
33 |             // #ifdef H5 || MP-WEIXIN
34 |             this.navigator = false;
35 |             // #endif
36 |             if (options.title && options.title != '') {
37 |                 this.title = options.title;
38 |             }
39 |             this.url = decodeURIComponent(options.url);
40 |             if (this.url.indexOf("?") != -1 && this.url.indexOf("appKey=") != -1) {
41 |                 this.url += "&appKey=" + this.$store.state.rop.appKey + "&appSecret=" + that.$store.state.rop.appSecret;
42 |             }
43 |         },
44 |         methods: {
45 |             handleMessage(evt) {
46 |                 console.log('接收到的消息：' + JSON.stringify(evt.detail.data));
47 |             }
48 |         }
49 |     }
50 | </script>
51 | 
52 | <style>
53 | 
54 | </style>
55 | 


--------------------------------------------------------------------------------
/pom.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <project xmlns="http://maven.apache.org/POM/4.0.0"
 3 |          xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 4 |          xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
 5 |     <modelVersion>4.0.0</modelVersion>
 6 |     <artifactId>euler-uniapp-boilerplate</artifactId>
 7 |     <groupId>com.hsit</groupId>
 8 |     <version>5.5.0-SNAPSHOT</version>
 9 |     <properties>
10 |         <repo.host>maven.hsit.com.cn:8081</repo.host>
11 |         <resources-plugin.version>2.6</resources-plugin.version>
12 |         <source-plugin.version>2.1.2</source-plugin.version>
13 |     </properties>
14 |     <build>
15 |         <plugins>
16 |             <plugin>
17 |                 <executions>
18 |                     <execution>
19 |                         <id>copy</id>
20 |                         <phase>prepare-package</phase>
21 |                         <goals>
22 |                             <goal>copy-resources</goal>
23 |                         </goals>
24 |                         <configuration>
25 |                             <includeEmptyDirs>true</includeEmptyDirs>
26 |                             <outputDirectory>
27 |                                 ${basedir}/target/classes/euler-uniapp-bolierplate
28 |                             </outputDirectory>
29 |                             <resources>
30 |                                 <resource>
31 |                                     <directory>.</directory>
32 |                                     <exclude>pom.xml</exclude>
33 |                                     <exclude>unpackage/**</exclude>
34 |                                     <exclude>target/**</exclude>
35 |                                     <exclude>*.iml</exclude>
36 |                                 </resource>
37 |                             </resources>
38 |                         </configuration>
39 |                     </execution>
40 |                 </executions>
41 |                 <groupId>org.apache.maven.plugins</groupId>
42 |                 <artifactId>maven-resources-plugin</artifactId>
43 |                 <version>${resources-plugin.version}</version>
44 |                 <configuration>
45 |                     <includeEmptyDirs>false</includeEmptyDirs>
46 |                 </configuration>
47 |             </plugin>
48 |             <plugin>
49 |                 <groupId>org.apache.maven.plugins</groupId>
50 |                 <artifactId>maven-source-plugin</artifactId>
51 |                 <version>${source-plugin.version}</version>
52 |                 <executions>
53 |                     <execution>
54 |                         <id>attach-sources</id>
55 |                         <phase>none</phase>
56 |                         <goals>
57 |                             <goal>jar-no-fork</goal>
58 |                         </goals>
59 |                     </execution>
60 |                 </executions>
61 |             </plugin>
62 |         </plugins>
63 |     </build>
64 |     <distributionManagement>
65 |         <repository>
66 |             <id>internal.repo.release</id>
67 |             <url>http://${repo.host}/nexus/content/repositories/releases/</url>
68 |         </repository>
69 |         <snapshotRepository>
70 |             <id>internal.repo.snapshot</id>
71 |             <url>http://${repo.host}/nexus/content/repositories/snapshots/</url>
72 |         </snapshotRepository>
73 |     </distributionManagement>
74 | </project>
75 | 


--------------------------------------------------------------------------------
/screenshot/screenshot1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/screenshot/screenshot1.png


--------------------------------------------------------------------------------
/screenshot/screenshot2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/screenshot/screenshot2.png


--------------------------------------------------------------------------------
/screenshot/screenshot3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/screenshot/screenshot3.png


--------------------------------------------------------------------------------
/screenshot/screenshot4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/screenshot/screenshot4.png


--------------------------------------------------------------------------------
/screenshot/screenshot5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/screenshot/screenshot5.png


--------------------------------------------------------------------------------
/screenshot/screenshot6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/screenshot/screenshot6.png


--------------------------------------------------------------------------------
/screenshot/screenshot7.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/screenshot/screenshot7.png


--------------------------------------------------------------------------------
/screenshot/screenshot8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/screenshot/screenshot8.png


--------------------------------------------------------------------------------
/static/BasicsBg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/BasicsBg.png


--------------------------------------------------------------------------------
/static/basics-nav-li-bg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/basics-nav-li-bg.png


--------------------------------------------------------------------------------
/static/cjkz.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/cjkz.png


--------------------------------------------------------------------------------
/static/commons/images/alertImg/img-cartoon-loading.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/alertImg/img-cartoon-loading.png


--------------------------------------------------------------------------------
/static/commons/images/alertImg/img-cartoon-nfc.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/alertImg/img-cartoon-nfc.png


--------------------------------------------------------------------------------
/static/commons/images/alertImg/img-cartoon-nodata.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/alertImg/img-cartoon-nodata.png


--------------------------------------------------------------------------------
/static/commons/images/alertImg/img-cartoon-nowifi.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/alertImg/img-cartoon-nowifi.png


--------------------------------------------------------------------------------
/static/commons/images/alertImg/img-cartoon-scan.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/alertImg/img-cartoon-scan.png


--------------------------------------------------------------------------------
/static/commons/images/alertImg/img-clound.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/alertImg/img-clound.png


--------------------------------------------------------------------------------
/static/commons/images/alertImg/img-dange-sign.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/alertImg/img-dange-sign.png


--------------------------------------------------------------------------------
/static/commons/images/alertImg/img-dange.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/alertImg/img-dange.png


--------------------------------------------------------------------------------
/static/commons/images/alertImg/img-leaf.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/alertImg/img-leaf.png


--------------------------------------------------------------------------------
/static/commons/images/alertImg/img-leaf2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/alertImg/img-leaf2.png


--------------------------------------------------------------------------------
/static/commons/images/alertImg/img-loading.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/alertImg/img-loading.png


--------------------------------------------------------------------------------
/static/commons/images/alertImg/img-moon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/alertImg/img-moon.png


--------------------------------------------------------------------------------
/static/commons/images/alertImg/img-nodata.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/alertImg/img-nodata.png


--------------------------------------------------------------------------------
/static/commons/images/alertImg/img-rain.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/alertImg/img-rain.png


--------------------------------------------------------------------------------
/static/commons/images/alertImg/img-success.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/alertImg/img-success.png


--------------------------------------------------------------------------------
/static/commons/images/alertImg/img-sun.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/alertImg/img-sun.png


--------------------------------------------------------------------------------
/static/commons/images/alertImg/img-tips-dange.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/alertImg/img-tips-dange.png


--------------------------------------------------------------------------------
/static/commons/images/alertImg/img-tips-loading.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/alertImg/img-tips-loading.png


--------------------------------------------------------------------------------
/static/commons/images/alertImg/img-tips-nodata.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/alertImg/img-tips-nodata.png


--------------------------------------------------------------------------------
/static/commons/images/alertImg/img-tips-success.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/alertImg/img-tips-success.png


--------------------------------------------------------------------------------
/static/commons/images/alertImg/logo-loading.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/alertImg/logo-loading.png


--------------------------------------------------------------------------------
/static/commons/images/icons/icon-arrow-down.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/icons/icon-arrow-down.png


--------------------------------------------------------------------------------
/static/commons/images/icons/icon-btn-selected-disabled.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/icons/icon-btn-selected-disabled.png


--------------------------------------------------------------------------------
/static/commons/images/icons/icon-btn-selected.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/icons/icon-btn-selected.png


--------------------------------------------------------------------------------
/static/commons/images/icons/icon-day.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/icons/icon-day.png


--------------------------------------------------------------------------------
/static/commons/images/icons/icon-man.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/icons/icon-man.png


--------------------------------------------------------------------------------
/static/commons/images/icons/icon-message.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/icons/icon-message.png


--------------------------------------------------------------------------------
/static/commons/images/icons/icon-month.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/icons/icon-month.png


--------------------------------------------------------------------------------
/static/commons/images/icons/icon-person.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/icons/icon-person.png


--------------------------------------------------------------------------------
/static/commons/images/icons/icon-shop.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/icons/icon-shop.png


--------------------------------------------------------------------------------
/static/commons/images/icons/icon-week.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/icons/icon-week.png


--------------------------------------------------------------------------------
/static/commons/images/icons/icon-woman.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/icons/icon-woman.png


--------------------------------------------------------------------------------
/static/commons/images/vcode.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/commons/images/vcode.jpg


--------------------------------------------------------------------------------
/static/componentBg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/componentBg.png


--------------------------------------------------------------------------------
/static/home/basics.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/home/basics.png


--------------------------------------------------------------------------------
/static/home/cjkz2329.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/home/cjkz2329.jpg


--------------------------------------------------------------------------------
/static/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/logo.png


--------------------------------------------------------------------------------
/static/pages/login/banner-tobacco-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/login/banner-tobacco-1.jpg


--------------------------------------------------------------------------------
/static/pages/login/banner-tobacco-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/login/banner-tobacco-2.jpg


--------------------------------------------------------------------------------
/static/pages/login/banner_1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/login/banner_1.jpg


--------------------------------------------------------------------------------
/static/pages/login/bg-login2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/login/bg-login2.jpg


--------------------------------------------------------------------------------
/static/pages/login/bg-login2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/login/bg-login2.png


--------------------------------------------------------------------------------
/static/pages/login/logo-euler-e-white.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/login/logo-euler-e-white.png


--------------------------------------------------------------------------------
/static/pages/login/logo-euler-e.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/login/logo-euler-e.png


--------------------------------------------------------------------------------
/static/pages/login/logo-euler-h-white.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/login/logo-euler-h-white.png


--------------------------------------------------------------------------------
/static/pages/login/logo-euler-h.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/login/logo-euler-h.png


--------------------------------------------------------------------------------
/static/pages/login/logo-euler-v-white.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/login/logo-euler-v-white.png


--------------------------------------------------------------------------------
/static/pages/login/logo-euler-v.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/login/logo-euler-v.png


--------------------------------------------------------------------------------
/static/pages/login/logo-euler.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/login/logo-euler.png


--------------------------------------------------------------------------------
/static/pages/login/logo-white.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/login/logo-white.png


--------------------------------------------------------------------------------
/static/pages/login/logo-yc.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/login/logo-yc.png


--------------------------------------------------------------------------------
/static/pages/login/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/login/logo.png


--------------------------------------------------------------------------------
/static/pages/main/banner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/main/banner.png


--------------------------------------------------------------------------------
/static/pages/main/tabMain.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/main/tabMain.png


--------------------------------------------------------------------------------
/static/pages/main/tabMain_cur.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/main/tabMain_cur.png


--------------------------------------------------------------------------------
/static/pages/main/tabMessage.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/main/tabMessage.png


--------------------------------------------------------------------------------
/static/pages/main/tabMessage_cur.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/main/tabMessage_cur.png


--------------------------------------------------------------------------------
/static/pages/main/tabMy.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/main/tabMy.png


--------------------------------------------------------------------------------
/static/pages/main/tabMy_cur.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/main/tabMy_cur.png


--------------------------------------------------------------------------------
/static/pages/main/tabTodo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/main/tabTodo.png


--------------------------------------------------------------------------------
/static/pages/main/tabTodo_cur.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/main/tabTodo_cur.png


--------------------------------------------------------------------------------
/static/pages/my/user-man.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/my/user-man.png


--------------------------------------------------------------------------------
/static/pages/user-center/bg-report-default.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/pages/user-center/bg-report-default.jpg


--------------------------------------------------------------------------------
/static/tabbar/about.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/tabbar/about.png


--------------------------------------------------------------------------------
/static/tabbar/about_cur.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/tabbar/about_cur.png


--------------------------------------------------------------------------------
/static/tabbar/basics.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/tabbar/basics.png


--------------------------------------------------------------------------------
/static/tabbar/basics_cur.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/tabbar/basics_cur.png


--------------------------------------------------------------------------------
/static/tabbar/component.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/tabbar/component.png


--------------------------------------------------------------------------------
/static/tabbar/component_cur.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/tabbar/component_cur.png


--------------------------------------------------------------------------------
/static/tabbar/other.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/tabbar/other.png


--------------------------------------------------------------------------------
/static/tabbar/other_cur.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/tabbar/other_cur.png


--------------------------------------------------------------------------------
/static/tabbar/page.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/tabbar/page.png


--------------------------------------------------------------------------------
/static/tabbar/page_cur.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/tabbar/page_cur.png


--------------------------------------------------------------------------------
/static/tabbar/plugin.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/tabbar/plugin.png


--------------------------------------------------------------------------------
/static/tabbar/plugin_cur.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/tabbar/plugin_cur.png


--------------------------------------------------------------------------------
/static/tabbar/sysComponent.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/tabbar/sysComponent.png


--------------------------------------------------------------------------------
/static/tabbar/sysComponent_cur.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/czl0325/uniapp-demo/501ab8c14af62a24c6d03ced41c96fc92eeab3d9/static/tabbar/sysComponent_cur.png


--------------------------------------------------------------------------------
/uni.scss:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * 这里是uni-app内置的常用样式变量
 3 |  *
 4 |  * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 5 |  * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 6 |  *
 7 |  */
 8 | 
 9 | /**
10 |  * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
11 |  *
12 |  * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
13 |  */
14 | 
15 | /* 颜色变量 */
16 | 
17 | /* 行为相关颜色 */
18 | $uni-color-primary: #007aff;
19 | $uni-color-success: #4cd964;
20 | $uni-color-warning: #f0ad4e;
21 | $uni-color-error: #dd524d;
22 | 
23 | /* 文字基本颜色 */
24 | $uni-text-color:#333;//基本色
25 | $uni-text-color-inverse:#fff;//反色
26 | $uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
27 | $uni-text-color-placeholder: #808080;
28 | $uni-text-color-disable:#c0c0c0;
29 | 
30 | /* 背景颜色 */
31 | $uni-bg-color:#ffffff;
32 | $uni-bg-color-grey:#f8f8f8;
33 | $uni-bg-color-hover:#f1f1f1;//点击状态颜色
34 | $uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
35 | 
36 | /* 边框颜色 */
37 | $uni-border-color:#c8c7cc;
38 | 
39 | /* 尺寸变量 */
40 | 
41 | /* 文字尺寸 */
42 | $uni-font-size-sm:24upx;
43 | $uni-font-size-base:28upx;
44 | $uni-font-size-lg:32upx;
45 | 
46 | /* 图片尺寸 */
47 | $uni-img-size-sm:40upx;
48 | $uni-img-size-base:52upx;
49 | $uni-img-size-lg:80upx;
50 | 
51 | /* Border Radius */
52 | $uni-border-radius-sm: 4upx;
53 | $uni-border-radius-base: 6upx;
54 | $uni-border-radius-lg: 12upx;
55 | $uni-border-radius-circle: 50%;
56 | 
57 | /* 水平间距 */
58 | $uni-spacing-row-sm: 10px;
59 | $uni-spacing-row-base: 20upx;
60 | $uni-spacing-row-lg: 30upx;
61 | 
62 | /* 垂直间距 */
63 | $uni-spacing-col-sm: 8upx;
64 | $uni-spacing-col-base: 16upx;
65 | $uni-spacing-col-lg: 24upx;
66 | 
67 | /* 透明度 */
68 | $uni-opacity-disabled: 0.3; // 组件禁用态的透明度
69 | 
70 | /* 文章场景相关 */
71 | $uni-color-title: #2C405A; // 文章标题颜色
72 | $uni-font-size-title:40upx;
73 | $uni-color-subtitle: #555555; // 二级标题颜色
74 | $uni-font-size-subtitle:36upx;
75 | $uni-color-paragraph: #3F536E; // 文章段落颜色
76 | $uni-font-size-paragraph:30upx;


--------------------------------------------------------------------------------