新增tabBar和uview1版本依赖
27
App.vue
@ -1,17 +1,22 @@
|
||||
<script>
|
||||
export default {
|
||||
onLaunch: function() {
|
||||
console.log('App Launch')
|
||||
},
|
||||
onShow: function() {
|
||||
console.log('App Show')
|
||||
},
|
||||
onHide: function() {
|
||||
console.log('App Hide')
|
||||
}
|
||||
onLaunch: function() {},
|
||||
onShow: function() {},
|
||||
onHide: function() {}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
<style lang="scss">
|
||||
@import "uview-ui/index.scss";
|
||||
|
||||
/*每个页面公共css */
|
||||
</style>
|
||||
page {
|
||||
// background-color: #F4F5F7;
|
||||
}
|
||||
|
||||
.app {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: #000000;
|
||||
}
|
||||
</style>
|
||||
3
main.js
@ -3,6 +3,9 @@ import App from './App'
|
||||
// #ifndef VUE3
|
||||
import Vue from 'vue'
|
||||
import './uni.promisify.adaptor'
|
||||
// main.js
|
||||
import uView from "uview-ui";
|
||||
Vue.use(uView);
|
||||
Vue.config.productionTip = false
|
||||
App.mpType = 'app'
|
||||
const app = new Vue({
|
||||
|
||||
28
package-lock.json
generated
Normal file
@ -0,0 +1,28 @@
|
||||
{
|
||||
"name": "xinelu-applet-ui",
|
||||
"version": "1.0.0",
|
||||
"lockfileVersion": 2,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "xinelu-applet-ui",
|
||||
"version": "1.0.0",
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"uview-ui": "^1.8.8"
|
||||
}
|
||||
},
|
||||
"node_modules/uview-ui": {
|
||||
"version": "1.8.8",
|
||||
"resolved": "https://registry.npmjs.org/uview-ui/-/uview-ui-1.8.8.tgz",
|
||||
"integrity": "sha512-Osal3yzXiHor0In9OPTZuXTaqTbDglMZ9RGK/MPYDoQQs+y0hrBCUD0Xp5T70C8i2lLu2X6Z11zJhmsQWMR7Jg=="
|
||||
}
|
||||
},
|
||||
"dependencies": {
|
||||
"uview-ui": {
|
||||
"version": "1.8.8",
|
||||
"resolved": "https://registry.npmjs.org/uview-ui/-/uview-ui-1.8.8.tgz",
|
||||
"integrity": "sha512-Osal3yzXiHor0In9OPTZuXTaqTbDglMZ9RGK/MPYDoQQs+y0hrBCUD0Xp5T70C8i2lLu2X6Z11zJhmsQWMR7Jg=="
|
||||
}
|
||||
}
|
||||
}
|
||||
19
package.json
Normal file
@ -0,0 +1,19 @@
|
||||
{
|
||||
"name": "xinelu-applet-ui",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "main.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "http://101.200.89.70:3000/jihan/xinelu-applet-ui.git"
|
||||
},
|
||||
"keywords": [],
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"dependencies": {
|
||||
"uview-ui": "^1.8.8"
|
||||
}
|
||||
}
|
||||
56
pages.json
@ -1,8 +1,29 @@
|
||||
{
|
||||
"easycom": {
|
||||
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
|
||||
},
|
||||
"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
|
||||
{
|
||||
"path": "pages/index/index",
|
||||
"path": "pages/myinformation/myinformation",
|
||||
"style": {
|
||||
"enablePullDownRefresh": false,
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}, {
|
||||
"path": "pages/homepage/homepage",
|
||||
"style": {}
|
||||
}, {
|
||||
"path": "pages/medicalservice/medicalservice",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
}, {
|
||||
"path": "pages/message/message",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
}
|
||||
],
|
||||
"subPackages": [{
|
||||
@ -18,5 +39,36 @@
|
||||
"navigationBarBackgroundColor": "#F8F8F8",
|
||||
"backgroundColor": "#F8F8F8"
|
||||
},
|
||||
"uniIdRouter": {}
|
||||
"uniIdRouter": {},
|
||||
"tabBar": {
|
||||
"color": "#7A7E83",
|
||||
"selectedColor": "#435950",
|
||||
"borderStyle": "black",
|
||||
"backgroundColor": "#ffffff",
|
||||
"list": [{
|
||||
"pagePath": "pages/homepage/homepage",
|
||||
"iconPath": "static/homepage.png",
|
||||
"selectedIconPath": "static/homepages.png",
|
||||
"text": "首页"
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/medicalservice/medicalservice",
|
||||
"iconPath": "static/medicalservice.png",
|
||||
"selectedIconPath": "static/medicalservices.png",
|
||||
"text": "医服务"
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/message/message",
|
||||
"iconPath": "static/message.png",
|
||||
"selectedIconPath": "static/messages.png",
|
||||
"text": "消息"
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/myinformation/myinformation",
|
||||
"iconPath": "static/myinformation.png",
|
||||
"selectedIconPath": "static/myinformations.png",
|
||||
"text": "我的"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
19
pages/medicalservice/medicalservice.vue
Normal file
@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
19
pages/message/message.vue
Normal file
@ -0,0 +1,19 @@
|
||||
<template>
|
||||
<view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
</style>
|
||||
65
pages/myinformation/myinformation.vue
Normal file
@ -0,0 +1,65 @@
|
||||
<template>
|
||||
<view class="app">
|
||||
<view class="topbanner">
|
||||
<view class="title">
|
||||
我的
|
||||
</view>
|
||||
<image src="../../static/pages/userbanner.png" mode="" class="userbanner"></image>
|
||||
<image src="../../static/pages/headsculpture.png" mode="" class="headsculpture"></image>
|
||||
<view class="name">
|
||||
张三
|
||||
</view>
|
||||
<view class="signing">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.app {
|
||||
.topbanner {
|
||||
width: 100%;
|
||||
height: 450rpx;
|
||||
position: relative;
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
top: 20%;
|
||||
left: 0%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 34rpx;
|
||||
font-weight: 600;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.headsculpture {
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
left: 8%;
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
}
|
||||
|
||||
.userbanner {
|
||||
position: absolute;
|
||||
top: 0%;
|
||||
left: 0%;
|
||||
z-index: -1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
BIN
static/homepage.png
Normal file
|
After Width: | Height: | Size: 1.1 KiB |
BIN
static/homepages.png
Normal file
|
After Width: | Height: | Size: 1.0 KiB |
BIN
static/medicalservice.png
Normal file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
static/medicalservices.png
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
static/message.png
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
static/messages.png
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
static/myinformation.png
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
static/myinformations.png
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
static/pages/headsculpture.png
Normal file
|
After Width: | Height: | Size: 8.5 KiB |
BIN
static/pages/userbanner.png
Normal file
|
After Width: | Height: | Size: 137 KiB |