新增tabBar和uview1版本依赖

This commit is contained in:
2023-09-20 10:42:44 +08:00
parent 3b0fcb1f4f
commit ac7c5f871b
20 changed files with 224 additions and 14 deletions

27
App.vue
View File

@ -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>

View File

@ -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
View 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
View 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"
}
}

View File

@ -1,8 +1,29 @@
{
"easycom": {
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
},
"pages": [ //pageshttps://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": "我的"
}
]
}
}

View 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
View File

@ -0,0 +1,19 @@
<template>
<view>
</view>
</template>
<script>
export default {
data() {
return {
};
}
}
</script>
<style lang="scss">
</style>

View 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

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
static/homepages.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
static/medicalservice.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
static/medicalservices.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
static/message.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
static/messages.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
static/myinformation.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
static/myinformations.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.5 KiB

BIN
static/pages/userbanner.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 137 KiB

View File

@ -13,7 +13,7 @@
*/
/* 颜色变量 */
@import 'uview-ui/theme.scss';
/* 行为相关颜色 */
$uni-color-primary: #007aff;
$uni-color-success: #4cd964;