Skip to content

A
applet
提交 1f198920 authored 作者: 何忠建's avatar 何忠建
浏览文件
操作

个人中心+公告详情+选择小区

上级 14a74786
隐藏空白字符变更
内嵌 并排
正在显示 包含 364 行增加 和 74 行删除
App.vue
浏览文件 @ 1f198920
......@@ -57,7 +57,7 @@
@import '@/static/customicons.css';
// 设置整个项目的背景色
page {
background-color: #F5F5F6;
background-color: #ffffff;
}
/* #endif */
......
pages.json
浏览文件 @ 1f198920
......@@ -11,15 +11,27 @@
"path": "pages/mine/index",
"style": {
"navigationBarTitleText": "我的",
"navigationBarBackgroundColor": "#F8F6F9",
"enablePullDownRefresh": true
}
},
},
{
"path": "pages/community/index",
"style": {
"navigationBarTitleText": "选择小区",
"backgroundColor": "#ffffff"
}
},
{
"path": "pages/announcement/index",
"style": {
"navigationBarTitleText": "社区公告",
"enablePullDownRefresh": true,
"navigationStyle": "custom"
"navigationBarTitleText": "社区公告"
}
},
{
"path": "pages/announcementDetails/index",
"style": {
"navigationBarTitleText": "公告详情"
}
}
],
......@@ -27,14 +39,14 @@
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#FFFFFF",
"backgroundColor": "#F8F8F8",
"backgroundColor": "#ffffff",
"app-plus": {
"background": "#efeff4"
"background": "#ffffff"
}
},
"tabBar": {
"color": "#99A0AF",
"selectedColor": "#FFFFFF",
"color": "#A8ABE4",
"selectedColor": "#5159EA",
"borderStyle": "white",
"backgroundColor": "#FFFFFF",
"list": [{
......@@ -46,8 +58,8 @@
{
"pagePath": "pages/mine/index",
"text": "我的",
"iconPath": "static/tabbar/sort.png",
"selectedIconPath": "static/tabbar/sort_active.png"
"iconPath": "static/tabbar/mine.png",
"selectedIconPath": "static/tabbar/mine_active.png"
}
]
}
......
pages/announcement/index.vue
浏览文件 @ 1f198920
<template>
<view class="container">
<view class="page">
<view class="nav-bar">
<!-- <view class="nav-bar">
<image src="../../static/images/icon_press01.png" class="icon"></image>
<view class="nav-title">社区公告</view>
</view>
</view> -->
<view class="news">
<view class="tab">
<view class="item active">全部<image src="../../static/images/icon_press02.png" class="icon"></image>
......@@ -13,7 +13,7 @@
<view class="item">已读</view>
</view>
<view class="list">
<view class="item">
<view class="item" @click="toDetails()">
<image src="../../static/images/img02.png" class="icon"></image>
<view class="con">
<view class="name">开展民族团结进步创建进社区 活动<view class="tag">非常紧急</view>
......@@ -42,7 +42,12 @@
}
},
methods: {
toDetails() {
uni.navigateTo({
url: '/pages/announcementDetails/index',
});
}
},
onLoad() {
......@@ -59,29 +64,29 @@
background-color: #ffffff;
}
.nav-bar {
padding: 0 30rpx;
width: 100%;
height: 44px;
line-height: 44px;
margin-top: 10rpx;
display: flex;
align-items: center;
.icon {
width: 15rpx;
height: 24rpx;
}
.nav-title {
font-size: 36rpx;
color: #373737;
font-weight: 500;
width: 100%;
text-align: center;
margin-right: 35px;
}
}
// .nav-bar {
// padding: 0 30rpx;
// width: 100%;
// height: 44px;
// line-height: 44px;
// margin-top: 10rpx;
// display: flex;
// align-items: center;
// .icon {
// width: 15rpx;
// height: 24rpx;
// }
// .nav-title {
// font-size: 36rpx;
// color: #373737;
// font-weight: 500;
// width: 100%;
// text-align: center;
// margin-right: 35px;
// }
// }
.news {
background-color: #ffffff;
......
pages/announcementDetails/index.vue 0 → 100644
浏览文件 @ 1f198920
<template>
<view class="container">
<view class="page">
<view class="news-details">
<view class="title">核酸检测通知<view class="tag">非常紧急</view>
</view>
<view class="time">来源：物业服务中心 2020/09/08</view>
<view class="content"><rich-text :nodes="content"></rich-text></view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
content: '本报5月28日讯 为巩固老旧小区改造成果，健全和完善长效管理机制，近日，青岛市城市管理委员会印发了《加强老旧小区改造后物业管理工作方案》（以下简称《方案》）。《方案》明确，今年列入改造计划的470余个老旧小区实行物业管理全覆盖，通过嵌入式开展环卫保洁、环境秩序等全要素整治，综合提升老旧小区环境品质。同时将划分物业管理区域、选举产生业主委员会或居民委员会、选聘物业企业、筹措房屋专项维修资金等事项作为老旧小区改造的前置条件。力争用三年时间推动老旧小区改造后物业服务由“低水平、保基本”向“高质量、全覆盖”转变升级。《方案》指老旧小区改造前应根据房屋、环境、配套设施和房屋产权的状况、长效管理服务需求以及业主消费意愿等实际情况，合理规划物业管理区域。通过召开业主大会选举产生业主委员会或由居委会代行职责，组织召开业主大会决策老旧小区改造后物业管理模式，采取专业化物业服务和社区托管、社会组织代管、居民自管等分类管理方式，实现老旧小区改造后物业管理全覆盖，同步确定房屋专项维修资金的补交、续交及使用，为老旧小区改造后实施长效管理提供资金保障，切实巩固老旧小区改造成果。为确保工作有效落实，在强化保障上，《方案》提出了各区（市）政府可结合实际给予财政补助，补助范围、补助期限、补助标准及方式由区（市）政府自行确定。可利用国有平台企业盘活闲置资产，物业企业通过开展助老、助餐、零售等经营用于服务小区及周边业主，所得收益可以用于补助老旧小区物业服务经费的不足。对自愿投资改造、接管改造后老旧小区签订物业服务合同5年及以上且业主满意度较高的物业企业，区（市）政府可给予有关支持，并给予信用加分。另一方面，结合老旧小区改造工作，建立完善青岛市智慧物业管理服务平台中老旧小区信息大数据，加大前端感知设备的配建力度。引导业主、物业企业积极使用平台，逐步提升物业管理服务的智慧化水平。'
}
},
methods: {
},
onLoad() {
},
onShow() {
}
}
</script>
<style lang="scss" scoped>
page {
background-color: #ffffff;
}
.page {
padding: 30rpx;
background-color: #ffffff;
}
.news-details {
.title {
font-size: 36rpx;
color: #373737;
margin-top: 20rpx;
font-weight: bold;
.tag {
font-size: 22rpx;
color: #F42E2E;
border: 1px solid #F42E2E;
padding: 4rpx 10rpx;
border-radius: 30rpx;
display: inline-block;
margin-left: 20rpx;
}
}
.time {
font-size: 24rpx;
color: #B6B6BA;
margin: 20rpx 0 40rpx;
}
.content {
font-size: 28rpx;
color: #6A696D;
line-height: 60rpx;
}
}
</style>
\ No newline at end of file
pages/community/index.vue 0 → 100644
浏览文件 @ 1f198920
<template>
<view class="container">
<view class="page">
<view class="search">
<uni-search-bar placeholder="请输入您的小区名" bgColor="#EEEEEE" @confirm="search" />
<view class="list">
<view class="item">汉江之星小区</view>
<view class="item">南航碧桂园小区</view>
<view class="item">阳光花园小区</view>
<view class="item">天河彩虹城</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
toDetails() {
uni.navigateTo({
url: '/pages/announcementDetails/index',
});
}
},
onLoad() {
},
onShow() {
}
}
</script>
<style lang="scss" scoped>
.page {
padding: 15rpx;
background-color: #ffffff;
}
.search {
.list {
padding:20rpx 30rpx;
.item {
font-size: 28rpx;
color: #373737;
height: 84rpx;
line-height: 84rpx;
border-bottom: 1px solid #F8F6F9;
}
}
}
</style>
\ No newline at end of file
pages/home/index.vue
浏览文件 @ 1f198920
<template>
<view class="container" style="background-image: url('../../static/images/bg_home.png');">
<view class="page">
<view class="nav-top">
<view class="nav-top" @click="toCommunity()">
<view class="title">汉江之星小区</view>
<image src="../../static/images/icon_up.png" class="icon"></image>
</view>
......@@ -106,13 +106,17 @@
}
},
methods: {
toCommunity() {
uni.navigateTo({
url: '/pages/community/index',
});
},
quickEntry(type) {
if (type == 6) {
uni.navigateTo({
url: '/pages/announcement/index',
});
}
},
},
onLoad() {
......@@ -130,10 +134,9 @@
<style lang="scss" scoped>
.container {
width: 100%;
height: 100vh;
background-position: top center;
background-repeat: no-repeat;
background-size: 100%;
background-size: cover;
}
.page {
......
pages/mine/index.vue
浏览文件 @ 1f198920
<template>
<view class="container">
wode
<view class="page">
<view class="user" style="background-image: url('../../static/images/bg_mine.png');">
<image src="../../static/images/img01.png" class="icon"></image>
<view class="name">林二</view>
<view class="phone">15245214563</view>
</view>
<view class="service">
<view class="item">
<view class="left">
<image src="../../static/images/user01.png" class="icon"></image>
<div class="title">个人资料</div>
</view>
<image src="../../static/images/icon_more.png" class="arrow"></image>
</view>
<view class="item">
<view class="left">
<image src="../../static/images/user02.png" class="icon"></image>
<div class="title">我的房屋</div>
</view>
<image src="../../static/images/icon_more.png" class="arrow"></image>
</view>
<view class="item">
<view class="left">
<image src="../../static/images/user03.png" class="icon"></image>
<div class="title">我的报修</div>
</view>
<image src="../../static/images/icon_more.png" class="arrow"></image>
</view>
<view class="item">
<view class="left">
<image src="../../static/images/user04.png" class="icon"></image>
<div class="title">我的投诉</div>
</view>
<image src="../../static/images/icon_more.png" class="arrow"></image>
</view>
<view class="item">
<view class="left">
<image src="../../static/images/user05.png" class="icon"></image>
<div class="title">缴费记录</div>
</view>
<image src="../../static/images/icon_more.png" class="arrow"></image>
</view>
<view class="item">
<view class="left">
<image src="../../static/images/user06.png" class="icon"></image>
<div class="title">我的收据</div>
</view>
<image src="../../static/images/icon_more.png" class="arrow"></image>
</view>
<view class="item">
<view class="left">
<image src="../../static/images/user07.png" class="icon"></image>
<div class="title">切换物业公司</div>
</view>
<image src="../../static/images/icon_more.png" class="arrow"></image>
</view>
<view class="item">
<view class="left">
<image src="../../static/images/user08.png" class="icon"></image>
<div class="title">维修员</div>
</view>
<image src="../../static/images/icon_more.png" class="arrow"></image>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
export default {
data() {
return {
}
},
methods: {
},
onLoad() {
},
onShow() {
}
},
methods: {
},
onLoad() {
},
onShow() {
}
}
</script>
<style lang="scss" scoped>
</style>
.page {
padding: 20rpx 30rpx 20rpx;
background-color: #F8F6F9;
}
.user {
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 16rpx;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 40rpx ;
.icon {
width: 160rpx;
height: 160rpx;
border-radius: 160rpx;
}
.name {
font-size: 36rpx;
color: #ffffff;
margin: 20rpx 0 10rpx;
}
.phone {
font-size: 28rpx;
color: #ffffff;
opacity: 0.55;
}
}
.service {
background-color: #ffffff;
padding: 0 30rpx;
border-radius: 16rpx;
margin: 30rpx 0;
.item {
height: 84rpx;
line-height: 84rpx;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #F8F6F9;
.left {
display: flex;
align-items: center;
.icon {
width: 32rpx;
height: 32rpx;
margin-right: 20rpx;
}
.title {
font-size: 28rpx;
color: #191A23;
}
}
.arrow {
width: 16rpx;
height: 24rpx;
}
}
}
</style>
\ No newline at end of file
static/tabbar/home.png
查看替换文件 @ 14a74786 浏览文件 @ 1f198920
static/tabbar/home.png

1.4 KB | W: | H:

static/tabbar/home.png

696 Bytes | W: | H:

static/tabbar/home.png
static/tabbar/home.png
static/tabbar/home.png
static/tabbar/home.png
  • 2-up
  • Swipe
  • Onion skin
static/tabbar/home_active.png
查看替换文件 @ 14a74786 浏览文件 @ 1f198920
static/tabbar/home_active.png

1.3 KB | W: | H:

static/tabbar/home_active.png

840 Bytes | W: | H:

static/tabbar/home_active.png
static/tabbar/home_active.png
static/tabbar/home_active.png
static/tabbar/home_active.png
  • 2-up
  • Swipe
  • Onion skin
static/tabbar/mine.png
查看替换文件 @ 14a74786 浏览文件 @ 1f198920
static/tabbar/mine.png

1.4 KB | W: | H:

static/tabbar/mine.png

754 Bytes | W: | H:

static/tabbar/mine.png
static/tabbar/mine.png
static/tabbar/mine.png
static/tabbar/mine.png
  • 2-up
  • Swipe
  • Onion skin
static/tabbar/mine_active.png
查看替换文件 @ 14a74786 浏览文件 @ 1f198920
static/tabbar/mine_active.png

1.4 KB | W: | H:

static/tabbar/mine_active.png

929 Bytes | W: | H:

static/tabbar/mine_active.png
static/tabbar/mine_active.png
static/tabbar/mine_active.png
static/tabbar/mine_active.png
  • 2-up
  • Swipe
  • Onion skin
uni_modules/uni-search-bar/changelog.md
浏览文件 @ 1f198920
## 1.2.4（2023-05-09）
- 修复 i18n 国际化不正确的 Bug
## 1.2.3（2022-05-24）
- 新增 readonly 属性，组件只读
## 1.2.2（2022-05-06）
......
uni_modules/uni-search-bar/components/uni-search-bar/i18n/zh-Hans.json
浏览文件 @ 1f198920
{
"uni-search-bar.cancel": "cancel",
{
"uni-search-bar.cancel": "取消",
"uni-search-bar.placeholder": "请输入搜索内容"
}
uni_modules/uni-search-bar/components/uni-search-bar/i18n/zh-Hant.json
浏览文件 @ 1f198920
{
"uni-search-bar.cancel": "cancel",
{
"uni-search-bar.cancel": "取消",
"uni-search-bar.placeholder": "請輸入搜索內容"
}
uni_modules/uni-search-bar/components/uni-search-bar/uni-search-bar.vue
浏览文件 @ 1f198920
......@@ -80,7 +80,7 @@
},
cancelText: {
type: String,
default: '取消'
default: ""
},
bgColor: {
type: String,
......@@ -148,7 +148,7 @@
focus: {
immediate: true,
handler(newVal) {
if (newVal) {
if (newVal) {
if(this.readonly) return
this.show = true;
this.$nextTick(() => {
......@@ -165,8 +165,8 @@
}
},
methods: {
searchClick() {
if(this.readonly) return
searchClick() {
if(this.readonly) return
if (this.show) {
return
}
......@@ -181,7 +181,7 @@
})
this.searchVal = ""
},
cancel() {
cancel() {
if(this.readonly) return
this.$emit("cancel", {
value: this.searchVal
......@@ -295,4 +295,4 @@
cursor: pointer;
/* #endif */
}
</style>
</style>
uni_modules/uni-search-bar/package.json
浏览文件 @ 1f198920
{
"id": "uni-search-bar",
"displayName": "uni-search-bar 搜索栏",
"version": "1.2.3",
"version": "1.2.4",
"description": "搜索栏组件，通常用于搜索商品、文章等",
"keywords": [
"uni-ui",
......@@ -16,11 +16,7 @@
"directories": {
"example": "../../temps/example_temps"
},
"dcloudext": {
"category": [
"前端组件",
"通用组件"
],
"dcloudext": {
"sale": {
"regular": {
"price": "0.00"
......@@ -37,7 +33,8 @@
"data": "无",
"permissions": "无"
},
"npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui"
"npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui",
"type": "component-vue"
},
"uni_modules": {
"dependencies": [
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论