mirror of
https://gitee.com/java110/WechatOwnerService.git
synced 2026-02-23 21:36:38 +08:00
小区圈换成app 开门
This commit is contained in:
wuxw
parent
68bdc82555
commit
8eed88e047
4
app.json
4
app.json
@ -4,7 +4,7 @@
|
||||
"pages/bindOwner/bindOwner",
|
||||
"pages/viewBindOwner/viewBindOwner",
|
||||
"pages/family/family",
|
||||
"pages/circle/circle",
|
||||
"pages/applicationKey/applicationKey",
|
||||
"pages/location/location",
|
||||
"pages/my/my",
|
||||
"pages/notice/index",
|
||||
@ -31,7 +31,7 @@
|
||||
"selectedIconPath": "images/home-selected.png"
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/circle/circle",
|
||||
"pagePath": "pages/applicationKey/applicationKey",
|
||||
"text": "开门",
|
||||
"iconPath": "images/circle.png",
|
||||
"selectedIconPath": "images/circleSelected.png"
|
||||
|
||||
66
pages/applicationKey/applicationKey.js
Normal file
66
pages/applicationKey/applicationKey.js
Normal file
@ -0,0 +1,66 @@
|
||||
// pages/applicationKey/applicationKey.js
|
||||
Page({
|
||||
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面初次渲染完成
|
||||
*/
|
||||
onReady: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面显示
|
||||
*/
|
||||
onShow: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面隐藏
|
||||
*/
|
||||
onHide: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面卸载
|
||||
*/
|
||||
onUnload: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面相关事件处理函数--监听用户下拉动作
|
||||
*/
|
||||
onPullDownRefresh: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 页面上拉触底事件的处理函数
|
||||
*/
|
||||
onReachBottom: function () {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 用户点击右上角分享
|
||||
*/
|
||||
onShareAppMessage: function () {
|
||||
|
||||
}
|
||||
})
|
||||
3
pages/applicationKey/applicationKey.json
Normal file
3
pages/applicationKey/applicationKey.json
Normal file
@ -0,0 +1,3 @@
|
||||
{
|
||||
"navigationBarTitleText": "智慧门禁"
|
||||
}
|
||||
2
pages/applicationKey/applicationKey.wxml
Normal file
2
pages/applicationKey/applicationKey.wxml
Normal file
@ -0,0 +1,2 @@
|
||||
<!--pages/applicationKey/applicationKey.wxml-->
|
||||
<text>pages/applicationKey/applicationKey.wxml</text>
|
||||
1
pages/applicationKey/applicationKey.wxss
Normal file
1
pages/applicationKey/applicationKey.wxss
Normal file
@ -0,0 +1 @@
|
||||
/* pages/applicationKey/applicationKey.wxss */
|
||||
@ -1,113 +0,0 @@
|
||||
// pages/CircleFriends/CircleFriends.js
|
||||
var app = getApp()
|
||||
var that
|
||||
|
||||
Page({
|
||||
/**
|
||||
* 页面的初始数据
|
||||
*/
|
||||
data: {
|
||||
DataSource: [1, 1, 1, 1, 1],
|
||||
icon: 'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3175633703,3855171020&fm=27&gp=0.jpg',
|
||||
content: '我大学毕业到一家集团公司的办公室当文员。办公室主任有一特长，即文章写得好，很有思想，公司董事长很器重他，董事长的讲话稿和企业的年终总结等一系列重大文章都是出自他的手笔。',
|
||||
resource: ['http://img2.imgtn.bdimg.com/it/u=2118739199,3378602431&fm=27&gp=0.jpg',
|
||||
'http://img0.imgtn.bdimg.com/it/u=2277942808,1417432970&fm=27&gp=0.jpg',
|
||||
'http://img5.imgtn.bdimg.com/it/u=1504812505,3480403568&fm=27&gp=0.jpg',
|
||||
'http://img4.imgtn.bdimg.com/it/u=3456219059,4251129897&fm=27&gp=0.jpg',
|
||||
'http://img3.imgtn.bdimg.com/it/u=3912316188,1981132393&fm=27&gp=0.jpg'
|
||||
],
|
||||
zanSource: ['张三', '李四', '王五', '找钱', '孙俪', '王宝'],
|
||||
contnet: [{
|
||||
'firstname': '张三',
|
||||
'content': '你好漂亮呀！！'
|
||||
},
|
||||
{
|
||||
'firstname': '李四',
|
||||
'content': '纳尼！！'
|
||||
},
|
||||
{
|
||||
'firstname': '王五',
|
||||
'content': '鬼扯咧'
|
||||
},
|
||||
{
|
||||
'firstname': '王宝',
|
||||
'content': '昨晚11点左右，一则郑爽胡彦斌疑似复合的消息刷爆各大论坛，微博在深夜11点热度高达200万直接爆掉，中国意难忘又开始了！！！'
|
||||
}
|
||||
],
|
||||
photoWidth: wx.getSystemInfoSync().windowWidth / 5,
|
||||
|
||||
popTop: 0, //弹出点赞评论框的位置
|
||||
popWidth: 0, //弹出框宽度
|
||||
isShow: true, //判断是否显示弹出框
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onLoad: function (options) {
|
||||
that = this
|
||||
},
|
||||
// 点击图片进行大图查看
|
||||
LookPhoto: function (e) {
|
||||
wx.previewImage({
|
||||
current: e.currentTarget.dataset.photurl,
|
||||
urls: this.data.resource,
|
||||
})
|
||||
},
|
||||
|
||||
// 点击点赞的人
|
||||
TouchZanUser: function (e) {
|
||||
wx.showModal({
|
||||
title: e.currentTarget.dataset.name,
|
||||
showCancel: false
|
||||
})
|
||||
},
|
||||
|
||||
// 删除朋友圈
|
||||
delete: function () {
|
||||
wx.showToast({
|
||||
title: '删除成功',
|
||||
})
|
||||
},
|
||||
|
||||
// 点击了点赞评论
|
||||
TouchDiscuss: function (e) {
|
||||
// this.data.isShow = !this.data.isShow
|
||||
// 动画
|
||||
var animation = wx.createAnimation({
|
||||
duration: 300,
|
||||
timingFunction: 'linear',
|
||||
delay: 0,
|
||||
})
|
||||
|
||||
if (that.data.isShow == false) {
|
||||
that.setData({
|
||||
popTop: e.target.offsetTop - (e.detail.y - e.target.offsetTop) / 2,
|
||||
popWidth: 0,
|
||||
isShow: true
|
||||
})
|
||||
|
||||
// 0.3秒后滑动
|
||||
setTimeout(function () {
|
||||
animation.width(0).opacity(1).step()
|
||||
that.setData({
|
||||
animation: animation.export(),
|
||||
})
|
||||
}, 100)
|
||||
} else {
|
||||
// 0.3秒后滑动
|
||||
setTimeout(function () {
|
||||
animation.width(120).opacity(1).step()
|
||||
that.setData({
|
||||
animation: animation.export(),
|
||||
})
|
||||
}, 100)
|
||||
|
||||
that.setData({
|
||||
popTop: e.target.offsetTop - (e.detail.y - e.target.offsetTop) / 2,
|
||||
popWidth: 0,
|
||||
isShow: false
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
@ -1,4 +0,0 @@
|
||||
{
|
||||
"navigationBarTitleText": "小区圈",
|
||||
"usingComponents": {}
|
||||
}
|
||||
@ -1,63 +0,0 @@
|
||||
<!-- 小区圈 -->
|
||||
<scroll-view class='page'>
|
||||
<!-- 列表 -->
|
||||
<view class='CircleList' wx:for='{{DataSource}}'>
|
||||
<!-- 头像、昵称、内容 -->
|
||||
<view class='body-view'>
|
||||
<!-- 头像 -->
|
||||
<view class='right-view'>
|
||||
<!-- 昵称 -->
|
||||
<view class='user-name-view'>
|
||||
<image class='user-icon' src='{{icon}}'></image>
|
||||
<label class='user-name'>宣志强</label>
|
||||
</view>
|
||||
<!-- 内容 -->
|
||||
<view class='user-content-view'>
|
||||
<text class='user-content'>{{content}}</text>
|
||||
</view>
|
||||
<!-- 图片 -->
|
||||
<view class='photo-view'>
|
||||
<view class='photo' wx:for='{{resource}}' style='width:{{photoWidth}}px;height:{{photoWidth}}px'>
|
||||
<image bindtap='LookPhoto' data-photUrl='{{item}}' src='{{item}}' style='width:{{photoWidth}}px;height:{{photoWidth}}px'></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 时间、删除按钮、点赞评论按钮 -->
|
||||
<view class='TDD-view'>
|
||||
<label>2018-07-25 10:14:23</label>
|
||||
<button bindtap='delete'>删除</button>
|
||||
<image data-isShow='{{isShow}}' bindtap='TouchDiscuss' src='/images/wxdiscuss.png'></image>
|
||||
</view>
|
||||
|
||||
<!-- 点赞 -->
|
||||
<view class='zan-view'>
|
||||
<view class='trigon-view'>
|
||||
<image mode='aspectFill' class='trigon' src='/images/trigon.png'></image>
|
||||
</view>
|
||||
|
||||
<!-- 点赞 -->
|
||||
<view class='zan-bg-view'>
|
||||
<view class='zan-user-view' wx:for='{{zanSource}}'>
|
||||
<label bindtap='TouchZanUser' data-name='{{item}}' class='zan-user'>{{item}},</label>
|
||||
</view>
|
||||
</view>
|
||||
<view class='line'></view>
|
||||
<!-- 评论 -->
|
||||
<view class='discuss-view'>
|
||||
<view class='discuss' wx:for='{{contnet}}'>
|
||||
<label bindtap='TouchZanUser' data-name='{{item.firstname}}' class='discuss-user'>{{item.firstname}}：</label>
|
||||
<label class='content'>{{item.content}}</label>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
||||
<!-- 评论按钮弹出框 -->
|
||||
<view animation="{{animation}}" class='pop-up-box' style='top:{{popTop}}px;width: {{popWidth}}px;'>
|
||||
|
||||
</view>
|
||||
@ -1,206 +0,0 @@
|
||||
/* pages/CircleFriends/CircleFriends.wxss */
|
||||
page{
|
||||
background: whitesmoke;
|
||||
}
|
||||
|
||||
.page{
|
||||
width: 100%;
|
||||
/* overflow-x: hidden */
|
||||
}
|
||||
|
||||
/* 列表 */
|
||||
.CircleList{
|
||||
background: white;
|
||||
margin-bottom: 1px;
|
||||
border-bottom: 1px solid whitesmoke;
|
||||
border-top: 1px solid whitesmoke;
|
||||
}
|
||||
|
||||
.body-view{
|
||||
display: flex;
|
||||
}
|
||||
|
||||
/* .left-view{
|
||||
width: 150rpx;
|
||||
/* background: rebeccapurple;
|
||||
} */
|
||||
|
||||
.right-view{
|
||||
/* background: red; */
|
||||
padding: 0rpx 40rpx 0rpx 40prx;
|
||||
}
|
||||
|
||||
/* 头像 */
|
||||
.user-icon{
|
||||
/* display: flex; */
|
||||
width:100rpx;
|
||||
height: 100rpx;
|
||||
margin-left: 20rpx;
|
||||
margin-top: 30rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.user-name-view{
|
||||
display: flex;
|
||||
direction: row;
|
||||
}
|
||||
|
||||
.user-name-view image{
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 80rpx;
|
||||
}
|
||||
|
||||
/* 昵称 */
|
||||
.user-name{
|
||||
display: flex;
|
||||
height: 50rpx;
|
||||
line-height: 50rpx;
|
||||
font-size: 18px;
|
||||
color: rgb(88, 103, 138);
|
||||
margin-top: 30rpx;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
|
||||
.user-name label{
|
||||
line-height: 80rpx;
|
||||
}
|
||||
|
||||
/* 内容 */
|
||||
.user-content{
|
||||
display: flex;
|
||||
font-size: 18px;
|
||||
line-height: 50rpx;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
|
||||
/* 图片 */
|
||||
.photo-view{
|
||||
background: rebeccapurple;
|
||||
margin-left: 10rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.photo{
|
||||
background: rgb(255, 166, 0);
|
||||
float: left;
|
||||
margin-right: 10rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
/* 地理位置 */
|
||||
.user-address-view{
|
||||
display: flex;
|
||||
margin-top: 20rpx;
|
||||
width: 100%;
|
||||
}
|
||||
.user-address-view label{
|
||||
font-size: 12px;
|
||||
margin: 10rpx;
|
||||
}
|
||||
|
||||
/* 时间、删除、点赞评论 */
|
||||
.TDD-view{
|
||||
width: 100%;
|
||||
height: 60rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: white;
|
||||
}
|
||||
.TDD-view label{
|
||||
font-size: 13px;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
.TDD-view button{
|
||||
font-size: 13px;
|
||||
margin-left: 20rpx;
|
||||
color: black;
|
||||
background: white;
|
||||
}
|
||||
.TDD-view button::after{
|
||||
border: white;
|
||||
}
|
||||
.TDD-view image{
|
||||
width: 50rpx;
|
||||
height: 40rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
/* 点赞 */
|
||||
.zan-view {
|
||||
width: 100%;
|
||||
background: white;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.trigon-view{
|
||||
/* height: 20rpx; */
|
||||
margin-bottom: -15rpx;
|
||||
}
|
||||
.trigon{
|
||||
display: flex;
|
||||
width: 40rpx;
|
||||
height: 20rpx;
|
||||
margin-top: 10rpx;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
.zan-bg-view{
|
||||
display: inline-block;
|
||||
width: 97%;
|
||||
background: rgb(235, 235, 235);
|
||||
margin-right: 20rpx;
|
||||
margin-bottom: -11rpx;
|
||||
border-top-left-radius: 7rpx;
|
||||
border-top-right-radius: 7rpx;
|
||||
}
|
||||
.zan-user-view{
|
||||
display: flex;
|
||||
float: left;
|
||||
height: 40rpx;
|
||||
margin-left: 10rpx;
|
||||
/* margin-top: 5rpx; */
|
||||
align-content: center;
|
||||
}
|
||||
.zan-user{
|
||||
font-size: 12px;
|
||||
line-height: 40rpx;
|
||||
height: 40rpx;
|
||||
color: rgb(88, 103, 138);
|
||||
}
|
||||
|
||||
.line{
|
||||
width: 97%;
|
||||
height: 1px;
|
||||
background: white;
|
||||
}
|
||||
|
||||
/* 评论 */
|
||||
.discuss-view{
|
||||
background: white;
|
||||
width: 97%;
|
||||
}
|
||||
|
||||
.discuss{
|
||||
background: rgb(235, 235, 235);
|
||||
line-height: 35rpx;
|
||||
}
|
||||
|
||||
.discuss label{
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.discuss-user{
|
||||
color: rgb(88, 103, 138);
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
|
||||
.content{
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
|
||||
/* 弹出框 */
|
||||
.pop-up-box{
|
||||
position: absolute;
|
||||
height: 60rpx;
|
||||
border-radius: 10rpx;
|
||||
right: 90rpx;
|
||||
background: rgba(0, 0, 0, 0.7)
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user