├── pages
├── logs
│ ├── logs.json
│ ├── logs.wxss
│ ├── logs.wxml
│ └── logs.js
├── release
│ ├── release.wxss.map
│ ├── release.json
│ ├── release.wxml
│ ├── demo.js
│ ├── release.scss
│ ├── release.wxss
│ └── release.js
├── user
│ ├── user.json
│ ├── user.wxss.map
│ ├── user.js
│ ├── user.wxml
│ ├── user.scss
│ └── user.wxss
├── user-about
│ ├── user-about.json
│ ├── user-about.js
│ ├── user-about.wxml
│ ├── user-about.scss
│ └── user-about.wxss
├── user-comment
│ ├── user-comment.json
│ ├── user-comment.wxml
│ ├── user-comment.scss
│ ├── user-comment.wxss
│ ├── template-comment-list.wxml
│ └── user-comment.js
├── loveWall
│ ├── index.json
│ ├── template-content-list.wxml
│ ├── index.wxml
│ ├── index.js
│ ├── index.wxss
│ ├── index.scss
│ └── demo.js
└── loveWall-details
│ ├── loveWall-details.json
│ ├── loveWall-details.wxml
│ ├── loveWall-details.js
│ ├── loveWall-details.scss
│ └── loveWall-details.wxss
├── image
├── logo.png
├── banner-img.jpg
├── ic
│ ├── ic-top.png
│ ├── ic-user.png
│ ├── ic-release.png
│ ├── ic-lovewall.png
│ ├── ic-user-active.png
│ └── ic-lovewall-active.png
├── comment-img.jpg
├── comment-img2.jpg
├── img-details.jpg
├── user-banner.jpg
└── content-headImg.png
├── font
├── iconfont.eot
├── iconfont.ttf
├── iconfont.woff
└── iconfont.svg
├── package.json
├── .idea
├── vcs.xml
├── misc.xml
└── markdown-navigator.xml
├── README.md
├── gulpfile.js
├── libs
└── ToolTip
│ ├── toolTip.wxml
│ ├── toolTip.wxss
│ ├── toolTip.scss
│ └── toolTip.js
├── utils
└── util.js
├── app.js
├── app.json
├── LICENSE
├── app.scss
└── app.wxss
/pages/logs/logs.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarTitleText": "查看启动日志"
3 | }
--------------------------------------------------------------------------------
/image/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Anonlyy/loveWall/HEAD/image/logo.png
--------------------------------------------------------------------------------
/font/iconfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Anonlyy/loveWall/HEAD/font/iconfont.eot
--------------------------------------------------------------------------------
/font/iconfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Anonlyy/loveWall/HEAD/font/iconfont.ttf
--------------------------------------------------------------------------------
/font/iconfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Anonlyy/loveWall/HEAD/font/iconfont.woff
--------------------------------------------------------------------------------
/image/banner-img.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Anonlyy/loveWall/HEAD/image/banner-img.jpg
--------------------------------------------------------------------------------
/image/ic/ic-top.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Anonlyy/loveWall/HEAD/image/ic/ic-top.png
--------------------------------------------------------------------------------
/image/ic/ic-user.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Anonlyy/loveWall/HEAD/image/ic/ic-user.png
--------------------------------------------------------------------------------
/image/comment-img.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Anonlyy/loveWall/HEAD/image/comment-img.jpg
--------------------------------------------------------------------------------
/image/comment-img2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Anonlyy/loveWall/HEAD/image/comment-img2.jpg
--------------------------------------------------------------------------------
/image/ic/ic-release.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Anonlyy/loveWall/HEAD/image/ic/ic-release.png
--------------------------------------------------------------------------------
/image/img-details.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Anonlyy/loveWall/HEAD/image/img-details.jpg
--------------------------------------------------------------------------------
/image/user-banner.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Anonlyy/loveWall/HEAD/image/user-banner.jpg
--------------------------------------------------------------------------------
/image/content-headImg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Anonlyy/loveWall/HEAD/image/content-headImg.png
--------------------------------------------------------------------------------
/image/ic/ic-lovewall.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Anonlyy/loveWall/HEAD/image/ic/ic-lovewall.png
--------------------------------------------------------------------------------
/image/ic/ic-user-active.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Anonlyy/loveWall/HEAD/image/ic/ic-user-active.png
--------------------------------------------------------------------------------
/image/ic/ic-lovewall-active.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Anonlyy/loveWall/HEAD/image/ic/ic-lovewall-active.png
--------------------------------------------------------------------------------
/pages/release/release.wxss.map:
--------------------------------------------------------------------------------
1 | {
2 | "version": 3,
3 | "mappings": "",
4 | "sources": [],
5 | "names": [],
6 | "file": "release.wxss"
7 | }
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "devDependencies": {
3 | "gulp": "^3.9.1",
4 | "gulp-rename": "^1.2.2",
5 | "gulp-sass": "^3.1.0"
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/pages/logs/logs.wxss:
--------------------------------------------------------------------------------
1 | .log-list {
2 | display: flex;
3 | flex-direction: column;
4 | padding: 40rpx;
5 | }
6 | .log-item {
7 | margin: 10rpx;
8 | }
9 |
--------------------------------------------------------------------------------
/pages/user/user.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarBackgroundColor": "#ffffff",
3 | "navigationBarTextStyle": "black",
4 | "navigationBarTitleText": "我",
5 | "backgroundColor": "white"
6 | }
--------------------------------------------------------------------------------
/pages/release/release.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarBackgroundColor": "#ffffff",
3 | "navigationBarTextStyle": "black",
4 | "navigationBarTitleText": "立即表白",
5 | "backgroundColor": "white"
6 | }
--------------------------------------------------------------------------------
/pages/user-about/user-about.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarBackgroundColor": "#ffffff",
3 | "navigationBarTextStyle": "black",
4 | "navigationBarTitleText": "关于",
5 | "backgroundColor": "white"
6 | }
--------------------------------------------------------------------------------
/pages/user-comment/user-comment.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarBackgroundColor": "#ffffff",
3 | "navigationBarTextStyle": "black",
4 | "navigationBarTitleText": "我的消息",
5 | "backgroundColor": "white"
6 | }
--------------------------------------------------------------------------------
/.idea/vcs.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/pages/loveWall/index.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarBackgroundColor": "#ffffff",
3 | "navigationBarTextStyle": "black",
4 | "navigationBarTitleText": "心墙",
5 | "backgroundColor": "white",
6 | "disableScroll":true
7 | }
--------------------------------------------------------------------------------
/pages/logs/logs.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {{index + 1}}. {{log}}
5 |
6 |
7 |
--------------------------------------------------------------------------------
/pages/loveWall-details/loveWall-details.json:
--------------------------------------------------------------------------------
1 | {
2 | "navigationBarBackgroundColor": "#ffffff",
3 | "navigationBarTextStyle": "black",
4 | "navigationBarTitleText": "表白内容",
5 | "backgroundColor": "white",
6 | "disableScroll":true
7 | }
--------------------------------------------------------------------------------
/pages/user-comment/user-comment.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
7 |
8 |
9 |
--------------------------------------------------------------------------------
/pages/user-comment/user-comment.scss:
--------------------------------------------------------------------------------
1 | #app{
2 | .app-main{
3 | background-color: white;
4 | height: 100%;
5 | width: 100%;
6 | padding-top: 20rpx;
7 | .comment-list{
8 | width: 100%;
9 | padding:0 40rpx;
10 | .comment:first-child{
11 | .comment-item{
12 | padding-top: 0;
13 | }
14 | }
15 | }
16 | }
17 | }
--------------------------------------------------------------------------------
/pages/user/user.wxss.map:
--------------------------------------------------------------------------------
1 | {
2 | "version": 3,
3 | "mappings": "AAAA,IAAI;EACF,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,KAAK,EAAE,IAAI;EACX,SAAS,EAAE,KAAK;EAChB,WAAW,EAAE,mGAAmG;EAChH,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,SAAI;IACF,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI",
4 | "sources": ["../../base.scss"],
5 | "names": [],
6 | "file": "user.wxss"
7 | }
--------------------------------------------------------------------------------
/pages/logs/logs.js:
--------------------------------------------------------------------------------
1 | //logs.js
2 | var util = require('../../utils/util.js')
3 | Page({
4 | data: {
5 | logs: []
6 | },
7 | onLoad: function () {
8 | this.setData({
9 | logs: (wx.getStorageSync('logs') || []).map(function (log) {
10 | return util.formatTime(new Date(log))
11 | })
12 | })
13 | }
14 | })
15 |
--------------------------------------------------------------------------------
/pages/user-comment/user-comment.wxss:
--------------------------------------------------------------------------------
1 | #app .app-main {
2 | background-color: white;
3 | height: 100%;
4 | width: 100%;
5 | padding-top: 20rpx; }
6 | #app .app-main .comment-list {
7 | width: 100%;
8 | padding: 0 40rpx; }
9 | #app .app-main .comment-list .comment:first-child .comment-item {
10 | padding-top: 0; }
11 |
--------------------------------------------------------------------------------
/pages/user-about/user-about.js:
--------------------------------------------------------------------------------
1 | // pages/user-about/user-about.js
2 | Page({
3 | data:{},
4 | onLoad:function(options){
5 | // 页面初始化 options为页面跳转所带来的参数
6 | },
7 | onReady:function(){
8 | // 页面渲染完成
9 | },
10 | onShow:function(){
11 | // 页面显示
12 | },
13 | onHide:function(){
14 | // 页面隐藏
15 | },
16 | onUnload:function(){
17 | // 页面关闭
18 | }
19 | })
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # loveWall
2 | 微信小程序-表白墙
3 |
4 | 项目使用的**LeanCloud**作为后端云
5 |
6 | ###添加项目
7 | 1.下载源码
8 |
9 | `git clone https://github.com/Anonlyy/loveWall.git`
10 |
11 |
12 | 2.打开微信web开发者工具,新建项目,添加**loveWall**源码
13 |
14 | 3.直接编译运行即可
15 |
16 | ###运行效果
17 |
18 | [](https://i.loli.net/2017/09/11/59b5f51f69e2a.gif)
19 |
20 |
21 |
--------------------------------------------------------------------------------
/pages/user-about/user-about.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | 表白墙
7 |
8 | v1.0.0.0
9 |
10 |
11 | 广东科学技术学院-心墙项目组©版权所有
12 | XXXXXXX@qq.com
13 | 12345678910
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/gulpfile.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Created by Xposean on 2017/2/5.
3 | */
4 | var gulp = require('gulp'),
5 | sass = require('gulp-sass'),
6 | rename = require('gulp-rename');
7 |
8 | gulp.task('sass', function () {
9 | return gulp.src('./**/*.scss')
10 | .pipe(sass().on('error', sass.logError))
11 | .pipe(rename({extname: '.wxss'}))
12 | .pipe(gulp.dest('./'));
13 | });
14 | gulp.task('wxss', function () {
15 | gulp.watch('./**/*.scss',['sass']);
16 | });
17 |
--------------------------------------------------------------------------------
/libs/ToolTip/toolTip.wxml:
--------------------------------------------------------------------------------
1 |
2 |
5 | {{_toolTip_.info}}
6 |
11 |
12 |
--------------------------------------------------------------------------------
/utils/util.js:
--------------------------------------------------------------------------------
1 | function formatTime(date) {
2 | var year = date.getFullYear()
3 | var month = date.getMonth() + 1
4 | var day = date.getDate()
5 |
6 | var hour = date.getHours()
7 | var minute = date.getMinutes()
8 | var second = date.getSeconds()
9 |
10 |
11 | return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute].map(formatNumber).join(':')
12 | }
13 |
14 | function formatNumber(n) {
15 | n = n.toString()
16 | return n[1] ? n : '0' + n
17 | }
18 |
19 | module.exports = {
20 | formatTime: formatTime
21 | }
22 |
--------------------------------------------------------------------------------
/.idea/misc.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/pages/user/user.js:
--------------------------------------------------------------------------------
1 | var app = getApp();
2 | Page({
3 | data:{
4 | bannerSrc:"../../image/user-banner.jpg",
5 | userInfo:{},
6 | avatarUrl:"",
7 | userinfoList:[
8 | {text:"我的表白",icon:"icon-aixin01",url:"../user-comment/user-comment"},
9 | {text:"关于",icon:"icon-xinxi2",url:"../user-about/user-about"}
10 | ]
11 | },
12 | onLoad: function () {
13 | var that = this;
14 | //调用应用实例的方法获取全局数据
15 | app.getUserInfo(function(userInfo){
16 | //更新数据
17 | that.setData({
18 | userInfo:userInfo,
19 | });
20 | });
21 | },
22 |
23 | })
--------------------------------------------------------------------------------
/pages/user/user.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | {{userInfo.nickName}}
9 |
10 |
11 |
12 |
13 |
14 | {{item.text}}
15 | {{item.badeg}}
16 |
17 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/pages/user-about/user-about.scss:
--------------------------------------------------------------------------------
1 | #app{
2 | background-color: #FAFAFA;
3 | .app-main{
4 | width: 100%;
5 | height: 100%;
6 | position: relative;
7 | .app-about{
8 | width: 70%;
9 | position: absolute;
10 | top: 50%;
11 | left: 50%;
12 | -webkit-transform: translate(-50%,-50%);
13 | -moz-transform: translate(-50%,-50%);
14 | -ms-transform: translate(-50%,-50%);
15 | -o-transform: translate(-50%,-50%);
16 | transform: translate(-50%,-50%);
17 | text-align: center;
18 | .ic-logo{
19 | width: 133rpx;
20 | height: 118rpx;
21 | }
22 | .titile{
23 | font-size: 32rpx;
24 | font-weight: 500;
25 | }
26 | .ver{
27 | display: block;
28 | font-size:26rpx;
29 | color: #b2b2b2;
30 | margin-bottom: 175rpx;
31 | }
32 | .author{
33 | color: #b2b2b2;
34 | }
35 | }
36 |
37 | }
38 | }
--------------------------------------------------------------------------------
/pages/user-about/user-about.wxss:
--------------------------------------------------------------------------------
1 | #app {
2 | background-color: #FAFAFA; }
3 | #app .app-main {
4 | width: 100%;
5 | height: 100%;
6 | position: relative; }
7 | #app .app-main .app-about {
8 | width: 70%;
9 | position: absolute;
10 | top: 50%;
11 | left: 50%;
12 | -webkit-transform: translate(-50%, -50%);
13 | -moz-transform: translate(-50%, -50%);
14 | -ms-transform: translate(-50%, -50%);
15 | -o-transform: translate(-50%, -50%);
16 | transform: translate(-50%, -50%);
17 | text-align: center; }
18 | #app .app-main .app-about .ic-logo {
19 | width: 133rpx;
20 | height: 118rpx; }
21 | #app .app-main .app-about .titile {
22 | font-size: 32rpx;
23 | font-weight: 500; }
24 | #app .app-main .app-about .ver {
25 | display: block;
26 | font-size: 26rpx;
27 | color: #b2b2b2;
28 | margin-bottom: 175rpx; }
29 | #app .app-main .app-about .author {
30 | color: #b2b2b2; }
31 |
--------------------------------------------------------------------------------
/app.js:
--------------------------------------------------------------------------------
1 | //app.js
2 | const AV = require('./libs/av-weapp-min.js');
3 | App({
4 | onLaunch: function () {
5 | //调用API从本地缓存中获取数据
6 | var logs = wx.getStorageSync('logs') || []
7 | logs.unshift(Date.now())
8 | wx.setStorageSync('logs', logs);
9 | },
10 | onShow:function () {
11 | AV.init({
12 | appId: 'WiXg11L7e9Am54TGUTVdqawg-gzGzoHsz',
13 | appKey: 'osXv6BSAQzX8YLz9nmzUitbg',
14 | });
15 | },
16 | scroll:function(e){
17 | console.log(e);
18 | },
19 | getUserInfo:function(cb){
20 | var that = this
21 | if(this.globalData.userInfo){
22 | typeof cb == "function" && cb(this.globalData.userInfo)
23 | }else{
24 | //调用登录接口
25 | wx.login({
26 | success: function () {
27 | wx.getUserInfo({
28 | success: function (res) {
29 | that.globalData.userInfo = res.userInfo
30 | typeof cb == "function" && cb(that.globalData.userInfo)
31 | }
32 | })
33 | }
34 | })
35 | }
36 | },
37 | globalData:{
38 | userInfo:null
39 | }
40 | });
--------------------------------------------------------------------------------
/app.json:
--------------------------------------------------------------------------------
1 | {
2 | "pages":[
3 | "pages/loveWall/index",
4 | "pages/user-comment/user-comment",
5 | "pages/release/release",
6 | "pages/loveWall-details/loveWall-details",
7 | "pages/user/user",
8 | "pages/user-about/user-about",
9 | "pages/logs/logs"
10 |
11 | ],
12 | "window":{
13 | "backgroundColor":"#eeeeee",
14 | "navigationBarBackgroundColor": "red",
15 | "navigationBarTitleText": "WeChat",
16 | "navigationBarTextStyle":"black"
17 | },
18 | "tabBar": {
19 | "color":"#E6E6E6",
20 | "selectedColor": "#F01905",
21 | "borderStyle":"white",
22 | "backgroundColor":"#FAFAFA",
23 | "list": [
24 | {
25 | "iconPath":"image/ic/ic-lovewall.png",
26 | "selectedIconPath":"image/ic/ic-lovewall-active.png",
27 | "pagePath": "pages/loveWall/index",
28 | "text": "心墙"
29 | },
30 |
31 | {
32 | "iconPath":"image/ic/ic-user.png",
33 | "selectedIconPath":"image/ic/ic-user-active.png",
34 | "pagePath": "pages/user/user",
35 | "text": "我"
36 | }
37 | ]
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/libs/ToolTip/toolTip.wxss:
--------------------------------------------------------------------------------
1 | .v5_tool_tip {
2 | display: flex;
3 | align-items: center;
4 | width: 100%;
5 | padding: 0 16rpx;
6 | font-weight: 400;
7 | font-size: 30rpx;
8 | color: white;
9 | background-color: white;
10 | white-space: nowrap;
11 | overflow-x: hidden;
12 | z-index: 1000;
13 | position: fixed;
14 | top: -35px;
15 | min-height: 80rpx;
16 | opacity: 0;
17 | border-top: 1px solid #FAFAFA;
18 | -webkit-box-shadow: 5rpx 0 10rpx rgba(0, 0, 0, 0.2);
19 | -moz-box-shadow: 5rpx 0 10rpx rgba(0, 0, 0, 0.2);
20 | box-shadow: 5rpx 0 10rpx rgba(0, 0, 0, 0.2); }
21 |
22 | .v5_tool_tip .v5_info_text {
23 | flex: 1;
24 | white-space: nowrap;
25 | overflow: hidden;
26 | text-overflow: ellipsis;
27 | margin: auto 12rpx;
28 | color: #666; }
29 |
30 | .v5_info_success .v5_info_text {
31 | color: #09BB07; }
32 |
33 | .v5_info_info .v5_info_text {
34 | color: #09BB07; }
35 |
36 | .v5_info_warn .v5_info_text {
37 | color: #FFBE00; }
38 |
39 | .v5_info_error .v5_info_text {
40 | color: #F76260; }
41 |
42 | .v5_tool_tip .v5_info_icon {
43 | float: right;
44 | margin-right: 16rpx; }
45 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2017 Xposean
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/pages/user-comment/template-comment-list.wxml:
--------------------------------------------------------------------------------
1 |
2 |
23 |
24 |
--------------------------------------------------------------------------------
/libs/ToolTip/toolTip.scss:
--------------------------------------------------------------------------------
1 | .v5_tool_tip {
2 | display: flex;
3 | align-items: center;
4 | width:100%;
5 | //margin-top: -35px;
6 | padding:0 16rpx;
7 | font-weight:400;
8 | font-size: 30rpx;
9 | color:white;
10 | background-color: white;
11 | white-space: nowrap;
12 | overflow-x: hidden;
13 | z-index: 1000;
14 | position: fixed;
15 | top: -35px;
16 | min-height: 80rpx;
17 | opacity: 0;
18 | border-top:1px solid #FAFAFA;
19 | -webkit-box-shadow: 5rpx 0 10rpx rgba(0,0,0,.2);
20 | -moz-box-shadow: 5rpx 0 10rpx rgba(0,0,0,.2);
21 | box-shadow: 5rpx 0 10rpx rgba(0,0,0,.2);
22 | }
23 | .v5_tool_tip .v5_info_text {
24 | flex: 1;
25 | white-space: nowrap;
26 | overflow: hidden;
27 | text-overflow: ellipsis;
28 | margin:auto 12rpx;
29 | color: #666;
30 | }
31 | .v5_info_success .v5_info_text {
32 | color: #09BB07;
33 | }
34 | .v5_info_info .v5_info_text {
35 | color: #09BB07;
36 | }
37 | .v5_info_warn .v5_info_text {
38 | color: #FFBE00;
39 | }
40 | .v5_info_error .v5_info_text {
41 | color: #F76260;
42 | }
43 | .v5_tool_tip .v5_info_icon {
44 | float: right;
45 | margin-right: 16rpx;
46 | }
--------------------------------------------------------------------------------
/pages/loveWall/template-content-list.wxml:
--------------------------------------------------------------------------------
1 |
2 |
28 |
29 |
--------------------------------------------------------------------------------
/pages/release/release.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
33 |
34 |
35 |
36 |
--------------------------------------------------------------------------------
/pages/loveWall/index.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 | {{itemName}}
15 |
16 |
17 |
18 |
19 |
21 |
22 |
23 | End
24 |
25 |
26 |
27 |
28 |
29 | 2
30 |
31 |
32 | 3
33 |
34 |
35 |
36 |
37 |
40 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
--------------------------------------------------------------------------------
/pages/release/demo.js:
--------------------------------------------------------------------------------
1 | const AV = require('../../libs/av-weapp-min.js');
2 | var Product = AV.Object.extend('Product');
3 | Page({
4 | data: {
5 | tempFilePaths: "",
6 | product: [],
7 | },
8 | onReady: function () {
9 | // LeanCloud - 查询
10 | var _that = this;
11 | var query = new AV.Query('Product');
12 | query.find().then(function (products) {
13 | _that.setData({
14 | product:products
15 | });
16 | }).catch(function (error) {
17 | alert(JSON.stringify(error));
18 | });
19 | console.log(_that.data.product)
20 | },
21 | chooseImg: function () {
22 | var _this = this;
23 | //上传照片
24 | /* wx.chooseImage({
25 | count: 9, // 默认9
26 | sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
27 | sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
28 | success: function (res) {
29 | // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
30 | _this.setData({
31 | tempFilePaths: res.tempFilePaths
32 | })
33 | var tempFilePath = res.tempFilePaths[0];
34 | new AV.File('file-name', {
35 | blob: {
36 | uri: tempFilePath,
37 | },
38 | }).save().then(
39 | function (file) {
40 | console.log(file.url());
41 | _this.setData({
42 | tempFilePaths: file.url()
43 | })
44 | }).catch(console.error);
45 | }
46 | })
47 | */
48 | //上传照片
49 | var title = "键盘", price = "$128", description = "极好的机械键盘";
50 | var product = new Product();
51 | product.set('title', title);
52 | product.set('price', price);
53 | product.set('description', description);
54 | product.save().then(function () {
55 | }, function (error) {
56 | alert(JSON.stringify(error));
57 | });
58 | }
59 | })
--------------------------------------------------------------------------------
/pages/user/user.scss:
--------------------------------------------------------------------------------
1 | @charset "utf-8";
2 |
3 | #app{
4 | overflow-y: hidden;
5 | .app-banner{
6 | width: 100%;
7 | height:372rpx;
8 | }
9 | .app-main{
10 | width:100%;
11 | height: 100%;
12 | background-color: #FAFAFA;
13 | .user-info{
14 | height: 100rpx;
15 | line-height: 100rpx;
16 | .userImg{
17 | margin-left: 40rpx;
18 | margin-top: -100rpx;
19 | width: 200rpx;
20 | height: 200rpx;
21 | -webkit-border-radius:50%;
22 | -moz-border-radius:50%;
23 | border-radius:50%;
24 | -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.3);
25 | -moz-box-shadow: 0 3px 5px rgba(0,0,0,.3);
26 | box-shadow: 0 3px 5px rgba(0,0,0,.3);
27 | }
28 | .username{
29 | margin-left: 40rpx;
30 | font-size: 32rpx;
31 | color: #000;
32 | height: 100rpx;
33 | line-height: 100rpx;
34 | font-weight: 500;
35 | display: inline-block;
36 | vertical-align: top;
37 | }
38 | }
39 | .userinfo-list{
40 | width: 100%;
41 | padding: 40rpx;
42 | .list-item{
43 | width: 100%;
44 | display: block;
45 | background-color: white;
46 | height: 104rpx;
47 | line-height: 104rpx;
48 | margin-bottom: 20rpx;
49 | -webkit-box-shadow: 0 5rpx 2px rgba(0,0,0,.1);
50 | -moz-box-shadow: 0 5rpx 2px rgba(0,0,0,.1);
51 | box-shadow: 0 5rpx 2px rgba(0,0,0,.1);
52 | navigator{
53 | display: block;
54 | width: 100%;
55 | padding-left: 68rpx;
56 | height: 104rpx;
57 | line-height: 104rpx;
58 | position: relative;
59 | .icon{
60 | font-size: 50rpx;
61 | vertical-align: middle;
62 | margin-right: 27rpx;
63 | }
64 | .icon-aixin01{
65 | color:#F01905;
66 | }
67 | .icon-xinxi{
68 | color: #F09A05;
69 | }
70 | .icon-xinxi2{
71 | color: #059AF0;
72 | }
73 | .badeg{
74 | position: absolute;
75 | right:69rpx;
76 | top: 50%;
77 | margin-top: -19rpx;
78 | width: 38rpx;
79 | display: inline-block;
80 | height: 38rpx;
81 | text-align: center;
82 | line-height: 38rpx;
83 | background-color: #F01905;
84 | color: white;
85 | font-size: 26rpx;
86 | -webkit-border-radius:50%;
87 | -moz-border-radius:50%;
88 | border-radius: 50%;
89 | font-weight: 500;
90 | }
91 | }
92 |
93 | }
94 | }
95 | }
96 | }
97 |
98 |
--------------------------------------------------------------------------------
/pages/loveWall-details/loveWall-details.wxml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
12 |
13 |
14 |
15 | {{order.content}}
16 |
17 |
18 |
28 |
29 |
30 |
31 |
34 |
35 |
36 |
37 |
44 |
45 | {{item.commentStr}}
46 |
47 |
48 |
49 |
50 | 这里暂时还没有评论啦╮(╯_╰)╭
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
--------------------------------------------------------------------------------
/pages/release/release.scss:
--------------------------------------------------------------------------------
1 | #app{
2 | border-top: 1px solid #FAFAFA;
3 | form{
4 | display: block;
5 | width: 100%;
6 | height: 100%;
7 | //background-color: red;
8 | padding:60rpx 40rpx 0;
9 | .input-title{
10 | width: 100%;
11 | height: 102rpx;
12 | font-size: 36rpx;
13 | color: #b2b2b2;
14 | font-weight: 500;
15 | border-bottom: 1px solid #FAFAFA;
16 | }
17 | .input-class{
18 | font-size: 36rpx;
19 | color: #b2b2b2;
20 | font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
21 | }
22 | .textarea{
23 | width: 100%;
24 | font-size: 30rpx;
25 | display: block;
26 | color:#b2b2b2;
27 | border-bottom: 1px solid #FAFAFA;
28 | height: 400rpx!important;
29 | padding-top: 24rpx;
30 | -webkit-border-radius:5rpx;
31 | -moz-border-radius:5rpx;
32 | border-radius:5rpx;
33 | }
34 | .upload-image{
35 | width: 128rpx;
36 | height: 128rpx;
37 | display: inline-block;
38 | -webkit-border-radius:15rpx;
39 | -moz-border-radius:15rpx;
40 | border-radius: 15rpx;
41 | margin-right: 10rpx;
42 | }
43 | .btn-upload{
44 | width: 128rpx;
45 | display: inline-block;
46 | background-color: #FAFAFA;
47 | height: 128rpx;
48 | text-align: center;
49 | line-height: 128rpx;
50 | margin:24rpx 0 0 0;
51 | padding: 0;
52 | color: #E6E6E6;
53 | -webkit-transition: all .3s;
54 | -moz-transition: all .3s;
55 | -ms-transition: all .3s;
56 | -o-transition: all .3s;
57 | transition: all .3s;
58 | }
59 | .button-hover{
60 | background-color: #ccc;
61 | color: white;
62 | }
63 | .tip{
64 | color: #000;
65 | }
66 | .switch-view{
67 | color: #b2b2b2;
68 | font-size: 26rpx;
69 | margin-top: 48rpx;
70 | }
71 | .btn-sumbit,.btn-reset{
72 | float: right;
73 | width: 176rpx;
74 | background-color: #FAFAFA;
75 | -webkit-border-radius:10rpx;
76 | -moz-border-radius:10rpx;
77 | border-radius:10rpx;
78 | height: 79rpx;
79 | line-height:79rpx;
80 | font-size: 26rpx;
81 | text-align: center;
82 | color: #b2b2b2;
83 | -webkit-transition: all .15s;
84 | -moz-transition: all .15s;
85 | -ms-transition: all .15s;
86 | -o-transition: all .15s;
87 | transition: all .15s;
88 | }
89 | .btn-reset{
90 | margin-right: 5rpx;
91 | }
92 | .btn-active{
93 | color: white;
94 | background-color:#F01905;
95 | }
96 | }
97 | }
--------------------------------------------------------------------------------
/pages/release/release.wxss:
--------------------------------------------------------------------------------
1 | #app {
2 | border-top: 1px solid #FAFAFA; }
3 | #app form {
4 | display: block;
5 | width: 100%;
6 | height: 100%;
7 | padding: 60rpx 40rpx 0; }
8 | #app form .input-title {
9 | width: 100%;
10 | height: 102rpx;
11 | font-size: 36rpx;
12 | color: #b2b2b2;
13 | font-weight: 500;
14 | border-bottom: 1px solid #FAFAFA; }
15 | #app form .input-class {
16 | font-size: 36rpx;
17 | color: #b2b2b2;
18 | font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; }
19 | #app form .textarea {
20 | width: 100%;
21 | font-size: 30rpx;
22 | display: block;
23 | color: #b2b2b2;
24 | border-bottom: 1px solid #FAFAFA;
25 | height: 400rpx !important;
26 | padding-top: 24rpx;
27 | -webkit-border-radius: 5rpx;
28 | -moz-border-radius: 5rpx;
29 | border-radius: 5rpx; }
30 | #app form .upload-image {
31 | width: 128rpx;
32 | height: 128rpx;
33 | display: inline-block;
34 | -webkit-border-radius: 15rpx;
35 | -moz-border-radius: 15rpx;
36 | border-radius: 15rpx;
37 | margin-right: 10rpx; }
38 | #app form .btn-upload {
39 | width: 128rpx;
40 | display: inline-block;
41 | background-color: #FAFAFA;
42 | height: 128rpx;
43 | text-align: center;
44 | line-height: 128rpx;
45 | margin: 24rpx 0 0 0;
46 | padding: 0;
47 | color: #E6E6E6;
48 | -webkit-transition: all .3s;
49 | -moz-transition: all .3s;
50 | -ms-transition: all .3s;
51 | -o-transition: all .3s;
52 | transition: all .3s; }
53 | #app form .button-hover {
54 | background-color: #ccc;
55 | color: white; }
56 | #app form .tip {
57 | color: #000; }
58 | #app form .switch-view {
59 | color: #b2b2b2;
60 | font-size: 26rpx;
61 | margin-top: 48rpx; }
62 | #app form .btn-sumbit, #app form .btn-reset {
63 | float: right;
64 | width: 176rpx;
65 | background-color: #FAFAFA;
66 | -webkit-border-radius: 10rpx;
67 | -moz-border-radius: 10rpx;
68 | border-radius: 10rpx;
69 | height: 79rpx;
70 | line-height: 79rpx;
71 | font-size: 26rpx;
72 | text-align: center;
73 | color: #b2b2b2;
74 | -webkit-transition: all .15s;
75 | -moz-transition: all .15s;
76 | -ms-transition: all .15s;
77 | -o-transition: all .15s;
78 | transition: all .15s; }
79 | #app form .btn-reset {
80 | margin-right: 5rpx; }
81 | #app form .btn-active {
82 | color: white;
83 | background-color: #F01905; }
84 |
--------------------------------------------------------------------------------
/pages/user-comment/user-comment.js:
--------------------------------------------------------------------------------
1 | // pages/user-comment/user-comment.js
2 | var app = getApp();
3 | const AV = require('../../libs/av-weapp-min.js');
4 | var Lovelist = AV.Object.extend('Lovelist');
5 | var getList = function (_that) {
6 | var query = new AV.Query('Lovelist');
7 | AV.Object.createWithoutData('Lovelist', _that.data.userInfo.nickname).fetch().then(function (products) {
8 | _that.setData({
9 | commentList:products.attributes.results
10 | });
11 | console.log(_that.data.commentList);
12 | }).catch(function (error) {
13 | alert(JSON.stringify(error));
14 | });
15 | }
16 | Page({
17 | data:{
18 | userInfo:"",
19 | commentList:[
20 | {
21 | commentText:"寒假没有回家在外打工的同学们要注意安全照顾好自己~",
22 | applaudNum:128,
23 | commentNum:4,
24 | newsNum:2,
25 | imgSrc:"../../image/comment-img.jpg",
26 | },
27 | {
28 | commentText:"回味园的外卖小哥，你的声音好好听啊，好温柔啊，长得~",
29 | applaudNum:18,
30 | commentNum:12,
31 | newsNum:3,
32 | imgSrc:"../../image/comment-img.jpg",
33 | },
34 | {
35 | commentText:"寒假没有回家在外打工的同学们要注意安全照顾好自己~",
36 | applaudNum:128,
37 | commentNum:4,
38 | newsNum:2,
39 | imgSrc:"../../image/comment-img.jpg",
40 | },
41 | {
42 | commentText:"新美味的外卖小哥，你的声音好好听啊，好温柔啊，长得~",
43 | applaudNum:28,
44 | commentNum:24,
45 | newsNum:5,
46 | imgSrc:"../../image/comment-img2.jpg",
47 | },
48 | {
49 | commentText:"新美味的外卖小哥，你的声音好好听啊，好温柔啊，长得~",
50 | applaudNum:28,
51 | commentNum:24,
52 | newsNum:5,
53 | imgSrc:"../../image/comment-img2.jpg",
54 | },
55 | {
56 | commentText:"新美味的外卖小哥，你的声音好好听啊，好温柔啊，长得~",
57 | applaudNum:28,
58 | commentNum:24,
59 | newsNum:5,
60 | imgSrc:"../../image/comment-img2.jpg",
61 | },
62 | {
63 | commentText:"新美味的外卖小哥，你的声音好好听啊，好温柔啊，长得~",
64 | applaudNum:28,
65 | commentNum:24,
66 | newsNum:5,
67 | imgSrc:"../../image/comment-img2.jpg",
68 | }
69 | ]
70 | },
71 | onLoad:function(options){
72 | // 页面初始化 options为页面跳转所带来的参数
73 | },
74 | onReady:function(){
75 | // 页面渲染完成
76 | var _that = this;
77 | app.getUserInfo(function (userInfo) {
78 | //更新数据
79 | _that.setData({
80 | userInfo: userInfo
81 | });
82 | });
83 | getList(this);
84 | },
85 | onShow:function(){
86 | // 页面显示
87 | },
88 | onHide:function(){
89 | // 页面隐藏
90 | },
91 | onUnload:function(){
92 | // 页面关闭
93 | },
94 | goDetails:function (e) {
95 | var objId = e.currentTarget.dataset.id;
96 | wx.navigateTo({
97 | url: "../loveWall-details/loveWall-details?objId=" + objId
98 | })
99 | },
100 | })
--------------------------------------------------------------------------------
/pages/user/user.wxss:
--------------------------------------------------------------------------------
1 | #app {
2 | overflow-y: hidden; }
3 | #app .app-banner {
4 | width: 100%;
5 | height: 372rpx; }
6 | #app .app-main {
7 | width: 100%;
8 | height: 100%;
9 | background-color: #FAFAFA; }
10 | #app .app-main .user-info {
11 | height: 100rpx;
12 | line-height: 100rpx; }
13 | #app .app-main .user-info .userImg {
14 | margin-left: 40rpx;
15 | margin-top: -100rpx;
16 | width: 200rpx;
17 | height: 200rpx;
18 | -webkit-border-radius: 50%;
19 | -moz-border-radius: 50%;
20 | border-radius: 50%;
21 | -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
22 | -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
23 | box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); }
24 | #app .app-main .user-info .username {
25 | margin-left: 40rpx;
26 | font-size: 32rpx;
27 | color: #000;
28 | height: 100rpx;
29 | line-height: 100rpx;
30 | font-weight: 500;
31 | display: inline-block;
32 | vertical-align: top; }
33 | #app .app-main .userinfo-list {
34 | width: 100%;
35 | padding: 40rpx; }
36 | #app .app-main .userinfo-list .list-item {
37 | width: 100%;
38 | display: block;
39 | background-color: white;
40 | height: 104rpx;
41 | line-height: 104rpx;
42 | margin-bottom: 20rpx;
43 | -webkit-box-shadow: 0 5rpx 2px rgba(0, 0, 0, 0.1);
44 | -moz-box-shadow: 0 5rpx 2px rgba(0, 0, 0, 0.1);
45 | box-shadow: 0 5rpx 2px rgba(0, 0, 0, 0.1); }
46 | #app .app-main .userinfo-list .list-item navigator {
47 | display: block;
48 | width: 100%;
49 | padding-left: 68rpx;
50 | height: 104rpx;
51 | line-height: 104rpx;
52 | position: relative; }
53 | #app .app-main .userinfo-list .list-item navigator .icon {
54 | font-size: 50rpx;
55 | vertical-align: middle;
56 | margin-right: 27rpx; }
57 | #app .app-main .userinfo-list .list-item navigator .icon-aixin01 {
58 | color: #F01905; }
59 | #app .app-main .userinfo-list .list-item navigator .icon-xinxi {
60 | color: #F09A05; }
61 | #app .app-main .userinfo-list .list-item navigator .icon-xinxi2 {
62 | color: #059AF0; }
63 | #app .app-main .userinfo-list .list-item navigator .badeg {
64 | position: absolute;
65 | right: 69rpx;
66 | top: 50%;
67 | margin-top: -19rpx;
68 | width: 38rpx;
69 | display: inline-block;
70 | height: 38rpx;
71 | text-align: center;
72 | line-height: 38rpx;
73 | background-color: #F01905;
74 | color: white;
75 | font-size: 26rpx;
76 | -webkit-border-radius: 50%;
77 | -moz-border-radius: 50%;
78 | border-radius: 50%;
79 | font-weight: 500; }
80 |
--------------------------------------------------------------------------------
/pages/loveWall/index.js:
--------------------------------------------------------------------------------
1 | var app = getApp();
2 | const AV = require('../../libs/av-weapp-min.js');
3 | var Lovelist = AV.Object.extend('Lovelist');
4 | var getList = function (_that) {
5 | var query = new AV.Query('Lovelist');
6 | query.descending('createdAt').find().then(function (products) {
7 | _that.setData({
8 | contentList:products
9 | });
10 | console.log(this.data.contentList);
11 | }).catch(function (error) {
12 | alert(JSON.stringify(error));
13 | });
14 | }
15 | Page({
16 | data: {
17 | tabArray: [
18 | '今日表白墙',
19 | '往期表白墙',
20 | '表白攻略'],
21 | currentTab: 0,
22 | currentY: 0,
23 | pageStartY: 0,
24 | pageEndY: 0,
25 | isFixed: false,
26 | contentList: [
27 | // {
28 | // headImg: "../../image/content-headImg.png",
29 | // userName: "厉害了我的哥",
30 | // time: "3小时前",
31 | // contentText: "寒假没有回家在外打工的同学们要注意安全照顾好自己~",
32 | // applaudNum: 128,
33 | // commentNum: 4,
34 | // imgSrc: "../../image/comment-img.jpg",
35 | // },
36 | ],
37 | //轮播图
38 | imgUrls: [
39 | 'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg',
40 | 'http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg',
41 | 'http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg'
42 | ],
43 | indicatorDots: true,
44 | autoplay: false,
45 | interval: 5000,
46 | duration: 800,
47 | isBtnShow: false,
48 | scrollTop:false,
49 | isRefresh:false
50 | },
51 | onLoad:function () {
52 | getList(this);
53 | },
54 | onShow:function () {
55 | getList(this);
56 | },
57 | onReady:function () {
58 |
59 | },
60 | bindChange: function (e) {
61 | var that = this;
62 | that.setData({currentTab: e.detail.current});
63 | },
64 | goDetails:function (e) {
65 | var objId = e.currentTarget.dataset.id;
66 | wx.navigateTo({
67 | url: "../loveWall-details/loveWall-details?objId=" + objId
68 | })
69 | },
70 | swichNav: function (e) {
71 | var that = this;
72 | // console.log(e.target)
73 | if (this.data.currentTab === e.target.dataset.current) {
74 | return false;
75 | } else {
76 | that.setData({
77 | currentTab: e.target.dataset.current
78 | })
79 | }
80 | },
81 | scrollstart: function (e) {
82 | var _that = this;
83 | _that.setData({
84 | pageStartY: e.touches[0].pageY,
85 | });
86 | },
87 | scrollend: function (e) {
88 | var _that = this;
89 | // console.log(e.changedTouches[0].pageY)
90 | if (_that.data.pageStartY-20 > e.changedTouches[0].pageY) { //向下
91 | _that.setData({
92 | isFixed: true,
93 | isBtnShow: true,
94 | });
95 | }
96 | },
97 | backTop: function (e) {
98 | var _that = this;
99 | // console.log(e.changedTouches[0].pageY)
100 | _that.setData({
101 | isFixed: false,
102 | isBtnShow: false,
103 | scrollTop:0,
104 | });
105 | },
106 | goRelease:function () {
107 | wx.navigateTo({
108 | url: '/pages/release/release'
109 | })
110 | }
111 | })
--------------------------------------------------------------------------------
/libs/ToolTip/toolTip.js:
--------------------------------------------------------------------------------
1 | // type: info warn success error
2 | var __this;
3 | function init(context) {
4 | __this = context;
5 | __this.showToolTip = showToolTip;
6 | __this.closeToolTip = closeToolTip;
7 | }
8 |
9 | function iconColorForType(type) {
10 | switch(type) {
11 | case 'success':
12 | case 'info':
13 | return 'rgb(9,208,7)';
14 | case 'warn':
15 | return 'rgb(255,212,00)';
16 | case 'error':
17 | return 'rgb(244,102,102)';
18 | }
19 | return 'rgb(244,102,102)';
20 | }
21 |
22 | function iconTypeForType(type) {
23 | switch(type) {
24 | case 'info':
25 | return 'cancel';
26 | case 'warn':
27 | return 'cancel';
28 | case 'success':
29 | return 'success_circle';
30 | case 'error':
31 | return 'cancel';
32 | }
33 | return 'clear';
34 | }
35 |
36 | function createInAnimation(cb) {
37 | var anim = wx.createAnimation({
38 | duration: 400,
39 | timingFunction: 'ease-in', // "linear","ease","ease-in","ease-in-out","ease-out","step-start","step-end"
40 | delay: 0,
41 | transformOrigin: '50% 50% 0',
42 | success: function(res) {
43 | cb && cb(res);
44 | }
45 | });
46 | return anim;
47 | }
48 |
49 | function createOutAnimation(cb) {
50 | var anim = wx.createAnimation({
51 | duration: 400,
52 | timingFunction: 'ease-out', // "linear","ease","ease-in","ease-in-out","ease-out","step-start","step-end"
53 | delay: 0,
54 | transformOrigin: '50% 50% 0',
55 | success: function(res) {
56 | cb && cb(res);
57 | }
58 | });
59 | return anim;
60 | }
61 |
62 | /**
63 | * 关闭提示信息
64 | */
65 | function closeToolTip() {
66 | if (!__this) {
67 | console.log('ToolTip not init! Please init with param [this]');
68 | return;
69 | }
70 | var outAnim = createOutAnimation();
71 | outAnim.translateY(-35).opacity(0).step();
72 | __this.data._toolTip_.animation = outAnim.export();
73 | __this.setData({
74 | _toolTip_: __this.data._toolTip_
75 | });
76 | }
77 |
78 | /**
79 | * 显示提示信息 type: success|info|warn|error
80 | */
81 | function showToolTip(type, text, delay) {
82 | console.log('showToolTip => ', __this);
83 | if (!__this) {
84 | console.log('ToolTip not init! Please init with param [this]');
85 | return;
86 | }
87 | var clr = iconColorForType(type);
88 | var icon = iconTypeForType(type);
89 | var inAnim = createInAnimation();
90 | inAnim.translateY(35).opacity(1).step();
91 | __this.setData({
92 | _toolTip_: {
93 | type:type,
94 | info:text,
95 | color:clr,
96 | icon:icon,
97 | animation:inAnim.export()
98 | }
99 | });
100 | if (type === 'info' || type === 'success' || delay) {
101 | setTimeout(function() {
102 | closeToolTip();
103 | }.bind(__this), delay || 3000);
104 | }
105 | }
106 |
107 | module.exports = {
108 | showToolTip: showToolTip,
109 | closeToolTip: closeToolTip,
110 | init: init
111 | };
--------------------------------------------------------------------------------
/pages/loveWall-details/loveWall-details.js:
--------------------------------------------------------------------------------
1 | // pages/loveWall-details/loveWall-details.js
2 | var app = getApp();
3 | const AV = require('../../libs/av-weapp-min.js');
4 | var util = require('../../utils/util.js');
5 | var toolTip = require('../../libs/ToolTip/toolTip.js');
6 | function addSupprt(_that) {
7 | var username = _that.data.userInfo.nickName;
8 | _that.data.support.push(username);
9 | var order = AV.Object.createWithoutData('Lovelist', _that.data.review.id);
10 | order.set('supportNum',_that.data.support);
11 | order.save().then(function () {
12 | _that.setData({
13 | supportNum:_that.data.support.length
14 | })
15 | return;
16 | }, (error) => {
17 | throw error;
18 | });
19 | }
20 | Page({
21 | data:{
22 | userInfo:"",
23 | order: {},
24 | time:"",
25 | review:{},
26 | comments: [],
27 | commentObj: {},
28 | isReview:false,
29 | support:[], //点赞数
30 | supportNum:0
31 | },
32 | onLoad:function(options){
33 | // 页面初始化 options为页面跳转所带来的参数
34 | toolTip.init(this);
35 | var that = this;
36 | //调用应用实例的方法获取全局数据
37 | app.getUserInfo(function(userInfo){
38 | //更新数据
39 | that.setData({
40 | userInfo:userInfo
41 | });
42 | });
43 | // 查询单个对象
44 | var lovelist = new AV.Query('Lovelist');
45 | lovelist.get(options.objId).then(function(order){
46 | var time = order.get('updatedAt');
47 | that.setData({
48 | order: order.attributes,
49 | review:order,
50 | time:time.getFullYear()+'年'+time.getMonth()+1+"月"+time.getDay()+"日"+time.getHours()+":"+time.getMinutes()
51 | });
52 | if(order.attributes.comments && order.attributes.comments.length > 0) {
53 | that.setData({
54 | comments : order.attributes.comments
55 | });
56 | }
57 | if(order.attributes.supportNum.length>0){
58 | that.setData({
59 | support : order.attributes.supportNum,
60 | supportNum : order.attributes.supportNum.length
61 | });
62 | }
63 | });
64 | },
65 | onShow:function(){
66 | // var that = this;
67 | // var lovelist = new AV.Query('Lovelist');
68 | // lovelist.get(that.data.review.id).then(function(order){
69 | // if(order.attributes.supportNum.length>0){
70 | // that.setData({
71 | // supportNum : order.attributes.supportNum.length
72 | // });
73 | // }
74 | // });
75 | },
76 | onHide:function(){
77 | // 页面隐藏
78 | },
79 | onUnload:function(){
80 | // 页面关闭
81 | },
82 | commentInput: function(e){
83 | this.data.commentObj.author = this.data.userInfo;//用户的信息
84 | this.data.commentObj.commentStr = e.detail.value;
85 | this.data.commentObj.createAt = new Date();
86 | this.data.commentObj.formatDate = util.formatTime(this.data.commentObj.createAt);
87 | },
88 | commentSubmit: function(e) {
89 | var that = this;
90 | if(!that.data.commentObj.commentStr || that.data.commentObj.commentStr === ''){
91 | toolTip.showToolTip('error', '评论为空', 2000);
92 | return false;
93 | }
94 | this.data.comments.unshift(that.data.commentObj);
95 | var order = AV.Object.createWithoutData('Lovelist', that.data.review.id);
96 | order.set('comments', this.data.comments);
97 | order.save().then(function () {
98 | wx.redirectTo({
99 | url: './loveWall-details?objId=' + that.data.review.id
100 | });
101 | }, (error) => {
102 | throw error;
103 | });
104 | },
105 | handleReviewInput:function () {
106 | this.setData({
107 | isReview: true
108 | })
109 | },
110 | handleSupport:function (e) { //点赞事件
111 | var _that = this;
112 | if(_that.data.support.length==0){
113 | addSupprt(_that);
114 | }
115 | else{
116 | for(let x in _that.data.support){
117 | if(_that.data.support[x]==_that.data.userInfo.nickName){ //有相同的
118 | toolTip.showToolTip('error', '你已经点过赞了', 2000);
119 | return;
120 | }
121 | else{ //没有赞过
122 | addSupprt(_that);
123 | }
124 | }
125 | }
126 |
127 | }
128 | })
--------------------------------------------------------------------------------
/.idea/markdown-navigator.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
--------------------------------------------------------------------------------
/pages/loveWall/index.wxss:
--------------------------------------------------------------------------------
1 | #app {
2 | overflow-y: hidden; }
3 | #app .swiper-container {
4 | width: 100%;
5 | min-height: 400rpx; }
6 | #app .swiper-container .swiper-item {
7 | width: 100%;
8 | display: block; }
9 | #app .swiper-container .swiper-item .slide-image {
10 | width: 100%; }
11 | #app .tabs {
12 | position: relative;
13 | height: 100%;
14 | width: 100%;
15 | background-color: white;
16 | -webkit-transition: all 1s;
17 | -moz-transition: all 1s;
18 | -ms-transition: all 1s;
19 | -o-transition: all 1s;
20 | transition: all 1s; }
21 | #app .tabs .nav-tabs {
22 | width: 100%;
23 | height: 75rpx;
24 | display: flex;
25 | -webkit-box-shadow: 7rpx 0 10rpx rgba(0, 0, 0, 0.2);
26 | -moz-box-shadow: 7rpx 0 10rpx rgba(0, 0, 0, 0.2);
27 | box-shadow: 7rpx 0 10rpx rgba(0, 0, 0, 0.2); }
28 | #app .tabs .nav-tabs .tab-list {
29 | line-height: 75rpx;
30 | text-align: center;
31 | position: relative;
32 | flex: 1;
33 | border-bottom: 1px solid #eee;
34 | color: #000;
35 | font-weight: bold;
36 | font-size: 28rpx; }
37 | #app .tabs .nav-tabs .tab-list::before {
38 | content: '';
39 | position: absolute;
40 | top: 50%;
41 | right: 0;
42 | -webkit-transform: translate(0, -50%);
43 | -moz-transform: translate(0, -50%);
44 | -ms-transform: translate(0, -50%);
45 | -o-transform: translate(0, -50%);
46 | transform: translate(0, -50%);
47 | width: 5rpx;
48 | background-color: #FBFBFB;
49 | height: 40rpx; }
50 | #app .tabs .nav-tabs .tab-list:last-child::before {
51 | display: none; }
52 | #app .tabs .nav-tabs .active {
53 | line-height: 75rpx;
54 | text-align: center;
55 | color: #fc5558;
56 | flex: 1;
57 | border-bottom: 1px solid red;
58 | font-weight: bold;
59 | font-size: 28rpx; }
60 | #app .tabs .tab-content {
61 | height: 60%; }
62 | #app .tabs .tab-content .swiper-item {
63 | overflow: auto !important;
64 | height: auto; }
65 | #app .tabs .tab-content .module-content {
66 | height: auto;
67 | overflow-y: auto; }
68 | #app .tabs .tab-content .module-content .tips {
69 | display: block;
70 | height: 100rpx;
71 | line-height: 100rpx;
72 | color: #333;
73 | text-align: center;
74 | font-size: 35rpx;
75 | background: linear-gradient(white, #eeeeee); }
76 | #app .btn-group {
77 | position: fixed;
78 | bottom: 45rpx;
79 | right: 60rpx; }
80 | #app .btn-group button {
81 | -webkit-box-shadow: 6rpx 1rpx 6rpx rgba(0, 0, 0, 0.3);
82 | -moz-box-shadow: 6rpx 1rpx 6rpx rgba(0, 0, 0, 0.3);
83 | box-shadow: 6rpx 1rpx 6rpx rgba(0, 0, 0, 0.3);
84 | margin: 0;
85 | padding: 0; }
86 | #app .btn-group .btn-release {
87 | margin-bottom: 30rpx;
88 | height: 100rpx;
89 | font-size: 0;
90 | color: white;
91 | background-color: #F01905; }
92 | #app .btn-group .btn-release .icon {
93 | font-weight: 100;
94 | line-height: 100rpx;
95 | font-size: 50rpx;
96 | width: 100rpx;
97 | height: 100rpx; }
98 | #app .btn-group .btn-top {
99 | -webkit-box-shadow: 6rpx 1rpx 6rpx rgba(0, 0, 0, 0.2);
100 | -moz-box-shadow: 6rpx 1rpx 6rpx rgba(0, 0, 0, 0.2);
101 | box-shadow: 6rpx 1rpx 6rpx rgba(0, 0, 0, 0.2);
102 | height: 100rpx; }
103 | #app .btn-group .btn-top .icon-top {
104 | font-weight: bold;
105 | line-height: 100rpx;
106 | font-size: 50rpx;
107 | display: inline-block;
108 | width: 100rpx;
109 | height: 100rpx;
110 | background-color: white;
111 | -webkit-border-radius: 50%;
112 | -moz-border-radius: 50%;
113 | border-radius: 50%;
114 | color: #F01905; }
115 | #app .tabs-fixed {
116 | position: absolute;
117 | -webkit-transform: translateY(-120rpx);
118 | -moz-transform: translateY(-120rpx);
119 | -ms-transform: translateY(-120rpx);
120 | -o-transform: translateY(-120rpx);
121 | transform: translateY(-12rpx);
122 | top: 0; }
123 | #app .tabs-fixed .tab-content {
124 | animation: Heightanimate .1s linear;
125 | height: 100%; }
126 |
127 | @keyframes Heightanimate {
128 | from {
129 | height: 60%; }
130 | to {
131 | height: 100%; } }
132 |
--------------------------------------------------------------------------------
/pages/release/release.js:
--------------------------------------------------------------------------------
1 | //获取应用实例
2 | var app = getApp();
3 | const AV = require('../../libs/av-weapp-min.js');
4 | var toolTip = require('../../libs/ToolTip/toolTip.js');
5 | var productSrc = [];
6 | Page({
7 | data: {
8 | focus: false,
9 | title: "",
10 | content: "",
11 | isCheck: false,
12 | productSrc: [],
13 | isShow: false,
14 | userInfo: {},
15 | isRefresh: false,
16 | textareaContent: "",
17 | tempFilePaths: {}
18 | },
19 | onLoad: function () {
20 | toolTip.init(this);
21 | //获取个人信息
22 | var _that = this;
23 | _that.data.productSrc = [];
24 | productSrc = [];
25 | //调用应用实例的方法获取全局数据
26 | app.getUserInfo(function (userInfo) {
27 | //更新数据
28 | _that.setData({
29 | userInfo: userInfo
30 | });
31 | });
32 | },
33 | titleEventFunc: function (e) {
34 | if (e.detail && e.detail.value) {
35 | this.data.title = e.detail.value;
36 | }
37 | },
38 | contentEventFunc: function (e) {
39 | if (e.detail && e.detail.value) {
40 | this.data.content = e.detail.value;
41 | }
42 | },
43 | isNameEventFunc: function (e) {
44 | this.data.isCheck = e.detail.value;
45 | },
46 | formSubmit: function (e) {
47 | var _that = this;
48 | var titleVal = _that.data.title;
49 | var contentVal = _that.data.content;
50 | var isChecked = _that.data.isCheck;
51 | var userName, headImg;
52 | if (titleVal === "" || titleVal.length <= 0) {
53 | toolTip.showToolTip('error', '请填写标题', 2000);
54 | return;
55 | }
56 | else if (contentVal === "" || contentVal.length < 12) {
57 | toolTip.showToolTip('error', '表白内容为空或字数不超过12个字', 2000);
58 | return;
59 | }
60 | else { //表白内容没有问题可以发送
61 | console.log('success');
62 | if (!isChecked) { //不匿名
63 | userName = _that.data.userInfo.nickName;
64 | headImg = _that.data.userInfo.avatarUrl;
65 | }
66 | else {
67 | userName = '匿名用户';
68 | headImg = "../../image/content-headImg.png";
69 | }
70 | wx.showToast({
71 | title: '表白发布中',
72 | icon: 'loading',
73 | duration: 2000,
74 | success: function () {
75 | var Lovelist = AV.Object.extend('Lovelist');
76 | var lovelist = new Lovelist();
77 | lovelist.set('title', titleVal);
78 | lovelist.set('content', contentVal);
79 | lovelist.set('isName', !isChecked);
80 | lovelist.set('username', userName);
81 | lovelist.set('headImg', headImg);
82 | lovelist.set('contentImg', _that.data.productSrc);
83 | lovelist.save().then(function () {
84 | wx.navigateBack();
85 | wx.showToast({
86 | title: '恭喜你,表白发布成功',
87 | icon: 'success',
88 | duration: 2000,
89 | mask: true,
90 | success: function () {
91 | setTimeout(function () {
92 | wx.hideToast();
93 | }, 2000);
94 | }
95 | });
96 | }, function (error) {
97 | console.log(error);
98 | });
99 | },
100 | fail: function () {
101 | wx.showToast({
102 | title: '抱歉,表白失败',
103 | icon: 'success',
104 | duration: 2000,
105 | success: function () {
106 | }
107 | });
108 | }
109 | });
110 |
111 | wx.navigateBack();
112 | }
113 | },
114 | formReset: function () {
115 | // var _that = this;
116 | // setTimeout(function () {
117 | // _that.setData({
118 | // tempFilePaths: [],
119 | // isShow:false,
120 | // textareaContent:" "
121 | // });
122 | // },300)
123 | },
124 | //上传图片
125 | uploadImg: function () {
126 | var _this = this;
127 | //上传照片
128 | wx.chooseImage({
129 | count: 9, // 默认9
130 | sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
131 | sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
132 | success: function (res) {
133 | // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
134 | res.tempFilePaths.forEach(function (url, index) {
135 | let localFile = url;
136 | new AV.File('ImageSrc', {
137 | blob: {
138 | uri: localFile,
139 | }
140 | }).save().then(function (file) {
141 | // 文件保存成功
142 | productSrc.push(file.url());
143 | _this.setData({
144 | productSrc: productSrc
145 | });
146 | }, function (error) {
147 | // 异常处理
148 | console.error(error);
149 | });
150 | });
151 | _this.setData({
152 | productSrc: productSrc,
153 | tempFilePaths: res.tempFilePaths
154 | });
155 | }
156 | })
157 | },
158 | handDeleteImg: function (e) {
159 | var index = e.currentTarget.dataset.index;
160 | productSrc.splice(index, 1);
161 | this.setData({
162 | productSrc: productSrc,
163 | });
164 | }
165 | })
166 |
--------------------------------------------------------------------------------
/pages/loveWall/index.scss:
--------------------------------------------------------------------------------
1 | @charset "utf-8";
2 | #app {
3 | overflow-y: hidden;
4 | .swiper-container {
5 | width: 100%;
6 | min-height: 400rpx;
7 | //height:auto;
8 | .swiper-item {
9 | width: 100%;
10 | display: block;
11 | .slide-image {
12 | width: 100%;
13 | }
14 | }
15 | }
16 | .tabs {
17 | position: relative;
18 | height: 100%;
19 | width: 100%;
20 | background-color: white;
21 | -webkit-transition: all 1s;
22 | -moz-transition: all 1s;
23 | -ms-transition: all 1s;
24 | -o-transition: all 1s;
25 | transition: all 1s;
26 | .nav-tabs {
27 | width: 100%;
28 | height: 75rpx;
29 | display: flex;
30 | -webkit-box-shadow: 7rpx 0 10rpx rgba(0,0,0,.2);
31 | -moz-box-shadow:7rpx 0 10rpx rgba(0,0,0,.2);
32 | box-shadow: 7rpx 0 10rpx rgba(0,0,0,.2);
33 | .tab-list {
34 | line-height: 75rpx;
35 | text-align: center;
36 | position: relative;
37 | flex: 1;
38 | border-bottom: 1px solid #eee;
39 | color: #000;
40 | font-weight: bold;
41 | font-size: 28rpx;
42 | &::before{
43 | content: '';
44 | position: absolute;
45 | top: 50%;
46 | right: 0;
47 | -webkit-transform: translate(0,-50%);
48 | -moz-transform: translate(0,-50%);
49 | -ms-transform: translate(0,-50%);
50 | -o-transform: translate(0,-50%);
51 | transform: translate(0,-50%);
52 | width: 5rpx;
53 | background-color: #FBFBFB;
54 | height: 40rpx;
55 | }
56 | &:last-child{
57 | &::before{
58 | display: none;
59 | }
60 | }
61 | }
62 | .active {
63 | line-height: 75rpx;
64 | text-align: center;
65 | color: #fc5558;
66 | flex: 1;
67 | border-bottom: 1px solid red;
68 | font-weight: bold;
69 | font-size: 28rpx;
70 | }
71 | }
72 | .tab-content {
73 | height: 60%;
74 | .swiper-item {
75 | overflow: auto !important;
76 | height: auto;
77 | }
78 | .module-content {
79 | height:auto;
80 | //padding-bottom: 100 rpx;
81 | overflow-y: auto;
82 | .tips {
83 | display: block;
84 | height: 100rpx;
85 | line-height: 100rpx;
86 | color: #333;
87 | //background-color: #eeeeee;
88 | text-align: center;
89 | font-size: 35rpx;
90 | background: linear-gradient(white,#eeeeee);
91 | }
92 | }
93 | }
94 | }
95 | .btn-group{
96 | position: fixed;
97 | bottom: 45rpx;
98 | right:60rpx;
99 | button{
100 | -webkit-box-shadow: 6rpx 1rpx 6rpx rgba(0,0,0,.3);
101 | -moz-box-shadow: 6rpx 1rpx 6rpx rgba(0,0,0,.3);
102 | box-shadow:6rpx 1rpx 6rpx rgba(0,0,0,.3);
103 | margin: 0;
104 | padding: 0;
105 | .icon{
106 |
107 | }
108 | }
109 | .btn-release{
110 | margin-bottom: 30rpx;
111 | height: 100rpx;
112 | font-size: 0;
113 | color: white;
114 | background-color:#F01905;
115 | .icon{
116 | font-weight: 100;
117 | line-height: 100rpx;
118 | font-size: 50rpx;
119 | width: 100rpx;
120 | height: 100rpx;
121 | }
122 | }
123 | .btn-top{
124 | -webkit-box-shadow: 6rpx 1rpx 6rpx rgba(0,0,0,.2);
125 | -moz-box-shadow: 6rpx 1rpx 6rpx rgba(0,0,0,.2);
126 | box-shadow:6rpx 1rpx 6rpx rgba(0,0,0,.2);
127 | height: 100rpx;
128 | .icon-top{
129 | font-weight: bold;
130 | line-height: 100rpx;
131 | font-size: 50rpx;
132 | display: inline-block;
133 | width: 100rpx;
134 | height: 100rpx;
135 | background-color: white;
136 | -webkit-border-radius:50%;
137 | -moz-border-radius:50%;
138 | border-radius:50%;
139 | color: #F01905;
140 | }
141 | }
142 | }
143 |
144 | .tabs-fixed{
145 | position: absolute;
146 | -webkit-transform: translateY(-120rpx);
147 | -moz-transform: translateY(-120rpx);
148 | -ms-transform: translateY(-120rpx);
149 | -o-transform: translateY(-120rpx);
150 | transform: translateY(-12rpx);
151 | top: 0;
152 | .tab-content{
153 | animation: Heightanimate .1s linear;
154 | height: 100%
155 | }
156 | }
157 |
158 | }
159 |
160 | @keyframes Heightanimate{
161 | from{
162 | height: 60%;
163 | }
164 | to{
165 | height: 100%;
166 | }
167 | }
--------------------------------------------------------------------------------
/pages/loveWall/demo.js:
--------------------------------------------------------------------------------
1 | Page({
2 | data: {
3 | tabArray: [
4 | '今日表白墙',
5 | '往期表白墙',
6 | '表白攻略'],
7 | currentTab: 0,
8 | currentY: 0,
9 | pageStartY: 0,
10 | pageEndY: 0,
11 | isFixed: false,
12 | contentList: [
13 | {
14 | headImg: "../../image/content-headImg.png",
15 | userName: "厉害了我的哥",
16 | time: "3小时前",
17 | contentText: "寒假没有回家在外打工的同学们要注意安全照顾好自己~",
18 | applaudNum: 128,
19 | commentNum: 4,
20 | imgSrc: "../../image/comment-img.jpg",
21 | },
22 | {
23 | headImg: "../../image/content-headImg.png",
24 | userName: "厉害了我的哥",
25 | time: "3小时前",
26 | contentText: "寒假没有回家在外打工的同学们要注意安全照顾好自己~",
27 | applaudNum: 128,
28 | commentNum: 4,
29 | imgSrc: "../../image/comment-img.jpg",
30 | },
31 | {
32 | headImg: "../../image/content-headImg.png",
33 | userName: "厉害了我的哥",
34 | time: "3小时前",
35 | contentText: "寒假没有回家在外打工的同学们要注意安全照顾好自己~",
36 | applaudNum: 128,
37 | commentNum: 4,
38 | imgSrc: "../../image/comment-img.jpg",
39 | },
40 | {
41 | headImg: "../../image/content-headImg.png",
42 | userName: "厉害了我的哥",
43 | time: "3小时前",
44 | contentText: "寒假没有回家在外打工的同学们要注意安全照顾好自己~",
45 | applaudNum: 128,
46 | commentNum: 4,
47 | imgSrc: "../../image/comment-img.jpg",
48 | },
49 | {
50 | headImg: "../../image/content-headImg.png",
51 | userName: "厉害了我的哥",
52 | time: "3小时前",
53 | contentText: "寒假没有回家在外打工的同学们要注意安全照顾好自己~",
54 | applaudNum: 128,
55 | commentNum: 4,
56 | imgSrc: "../../image/comment-img.jpg",
57 | },
58 | {
59 | headImg: "../../image/content-headImg.png",
60 | userName: "厉害了我的哥",
61 | time: "3小时前",
62 | contentText: "寒假没有回家在外打工的同学们要注意安全照顾好自己~",
63 | applaudNum: 128,
64 | commentNum: 4,
65 | imgSrc: "../../image/comment-img.jpg",
66 | },
67 | {
68 | headImg: "../../image/content-headImg.png",
69 | userName: "厉害了我的哥",
70 | time: "3小时前",
71 | contentText: "寒假没有回家在外打工的同学们要注意安全照顾好自己~",
72 | applaudNum: 128,
73 | commentNum: 4,
74 | imgSrc: "../../image/comment-img.jpg",
75 | },
76 | {
77 | headImg: "../../image/content-headImg.png",
78 | userName: "厉害了我的哥",
79 | time: "3小时前",
80 | contentText: "寒假没有回家在外打工的同学们要注意安全照顾好自己~",
81 | applaudNum: 128,
82 | commentNum: 4,
83 | imgSrc: "../../image/comment-img.jpg",
84 | },
85 | {
86 | headImg: "../../image/content-headImg.png",
87 | userName: "厉害了我的哥",
88 | time: "3小时前",
89 | contentText: "寒假没有回家在外打工的同学们要注意安全照顾好自己~",
90 | applaudNum: 128,
91 | commentNum: 4,
92 | imgSrc: "../../image/comment-img.jpg",
93 | },
94 | {
95 | headImg: "../../image/content-headImg.png",
96 | userName: "厉害了我的哥",
97 | time: "3小时前",
98 | contentText: "回味园的外卖小哥，你的声音好好听啊，好温柔啊，长得~",
99 | applaudNum: 18,
100 | commentNum: 12,
101 | newsNum: 3,
102 | imgSrc: "../../image/comment-img.jpg",
103 | },
104 | {
105 | headImg: "../../image/content-headImg.png",
106 | userName: "厉害了我的哥",
107 | time: "3小时前",
108 | contentText: "寒假没有回家在外打工的同学们要注意安全照顾好自己~",
109 | applaudNum: 128,
110 | commentNum: 4,
111 | newsNum: 2,
112 | imgSrc: "../../image/comment-img.jpg",
113 | },
114 | {
115 | headImg: "../../image/content-headImg.png",
116 | userName: "厉害了我的哥",
117 | time: "3小时前",
118 | contentText: "新美味的外卖小哥，你的声音好好听啊，好温柔啊，长得~",
119 | applaudNum: 28,
120 | commentNum: 24,
121 | newsNum: 5,
122 | imgSrc: "../../image/comment-img2.jpg",
123 | },
124 | {
125 | headImg: "../../image/content-headImg.png",
126 | userName: "厉害了我的哥",
127 | time: "3小时前",
128 | contentText: "新美味的外卖小哥，你的声音好好听啊，好温柔啊，长得~",
129 | applaudNum: 28,
130 | commentNum: 24,
131 | newsNum: 5,
132 | imgSrc: "../../image/comment-img2.jpg",
133 | },
134 | {
135 | headImg: "../../image/content-headImg.png",
136 | userName: "厉害了我的哥",
137 | time: "3小时前",
138 | contentText: "新美味的外卖小哥，你的声音好好听啊，好温柔啊，长得~",
139 | applaudNum: 28,
140 | commentNum: 24,
141 | newsNum: 5,
142 | imgSrc: "../../image/comment-img2.jpg",
143 | },
144 | {
145 | headImg: "../../image/content-headImg.png",
146 | userName: "厉害了我的哥",
147 | time: "3小时前",
148 | contentText: "新美味的外卖小哥，你的声音好好听啊，好温柔啊，长得~",
149 | applaudNum: 28,
150 | commentNum: 24,
151 | newsNum: 5,
152 | imgSrc: "../../image/comment-img2.jpg",
153 | }
154 | ],
155 | //轮播图
156 | imgUrls: [
157 | 'http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg',
158 | 'http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg',
159 | 'http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg'
160 | ],
161 | indicatorDots: true,
162 | autoplay: false,
163 | interval: 5000,
164 | duration: 800,
165 | isBtnShow: false,
166 | scrollTop:false,
167 | isRefresh:false
168 | },
169 | onLoad:function () {
170 | var _that = this;
171 | var query = new AV.Query('Lovelist');
172 | query.find().then(function (products) {
173 | _that.setData({
174 | product:products
175 | });
176 | }).catch(function (error) {
177 | alert(JSON.stringify(error));
178 | });
179 | console.log(_that.data.product)
180 | },
181 |
182 | bindChange: function (e) {
183 | var that = this;
184 | that.setData({currentTab: e.detail.current});
185 | },
186 | swichNav: function (e) {
187 | var that = this;
188 | // console.log(e.target)
189 | if (this.data.currentTab === e.target.dataset.current) {
190 | return false;
191 | } else {
192 | that.setData({
193 | currentTab: e.target.dataset.current
194 | })
195 | }
196 | },
197 | scrollstart: function (e) {
198 | var _that = this;
199 | _that.setData({
200 | pageStartY: e.touches[0].pageY,
201 | });
202 | },
203 | scrollend: function (e) {
204 | var _that = this;
205 | // console.log(e.changedTouches[0].pageY)
206 | if (_that.data.pageStartY-20 > e.changedTouches[0].pageY) { //向下
207 | _that.setData({
208 | isFixed: true,
209 | isBtnShow: true,
210 | });
211 | }
212 | },
213 | backTop: function (e) {
214 | var _that = this;
215 | // console.log(e.changedTouches[0].pageY)
216 | _that.setData({
217 | isFixed: false,
218 | isBtnShow: false,
219 | scrollTop:0,
220 | });
221 | },
222 | })
--------------------------------------------------------------------------------
/pages/loveWall-details/loveWall-details.scss:
--------------------------------------------------------------------------------
1 | @charset "utf-8";
2 | #app {
3 | width: 100%;
4 | height: 100%;
5 | background-color: #FAFAFA;
6 | .app-module{
7 | height: 100%;
8 | .module-content{
9 | padding: 0 30rpx 30rpx;
10 | background-color: #FAFAFA;
11 | position: relative;
12 | .module-header{
13 | .title{
14 | height: 76rpx;
15 | line-height: 76rpx;
16 | font-size: 36rpx;
17 | color:#000000;
18 | font-weight: 600;
19 | }
20 | .author{
21 | display: block;
22 | font-weight: 500;
23 | .time{
24 | font-weight: 300;
25 | font-size: 22rpx;
26 | }
27 | }
28 | }
29 | .module-body{
30 | image{
31 | display: block;
32 | margin:20rpx auto;
33 | }
34 | .content{
35 | color: #000000;
36 | margin-top: -30rpx;
37 | display: block;
38 | font-size: 26rpx;
39 | line-height: 40rpx;
40 | margin-bottom: 10px;
41 | }
42 | }
43 | .module-footer{
44 | text-align: right;
45 | display: flex;
46 | padding: 10rpx 0;
47 | color: #b2b2b2;
48 | justify-content:flex-end;
49 | text{
50 | margin: 0 5rpx;
51 | font-weight: 500;
52 | }
53 | >view{
54 | margin-right: 15rpx;
55 | }
56 | .active{
57 | color: #f01905;
58 | }
59 | }
60 | .after{
61 | width: 100%;
62 | display: block;
63 | position: absolute;
64 | bottom: -24rpx;
65 | height: 24rpx;
66 | left: 0;
67 | right: 0;
68 | background-color: #E6E6E6;
69 | z-index: 1100;
70 |
71 | }
72 | }
73 | .module-review{
74 |
75 | position: relative;
76 | //margin-top: 24rpx;
77 | padding:45rpx 40rpx 98rpx;
78 | background-color: #FAFAFA;
79 | .module-header{
80 | margin-bottom: 46rpx;
81 | text{
82 | font-size: 26rpx;
83 | &::before{
84 | vertical-align: top;
85 | margin-right:16rpx;
86 | content: '';
87 | width: 10rpx;
88 | height: 32rpx;
89 | background-color:#F01905;
90 | display: inline-block;
91 | }
92 | }
93 | }
94 | .module-body{
95 | .review-list{
96 | display: block;
97 | .review{
98 | .review-header{
99 | display: flex;
100 | align-items: center;
101 | .headImg{
102 | width: 56rpx;
103 | height:56rpx;
104 | flex: 1 0 6%;
105 | padding-right: 30rpx;
106 | }
107 | .user-content{
108 | flex: 1 0 80%;
109 | .user-name{
110 | font-size: 26rpx;
111 | font-weight: 500;
112 | display: block;
113 | }
114 | .time{
115 | color: #b2b2b2;
116 | font-size: 22rpx;
117 | }
118 | }
119 |
120 | }
121 | .review-body{
122 | padding:30rpx 30rpx 30rpx 52rpx ;
123 | text{
124 | font-size: 26rpx;
125 | color: #000;
126 | }
127 | }
128 | }
129 | }
130 | .review-empty{
131 | text-align: center;
132 | font-size: 35rpx;
133 | font-weight: bold;
134 | }
135 | }
136 |
137 | }
138 | .btn-review-fixed{
139 | position: fixed;
140 | bottom:100rpx;
141 | right:100rpx;
142 | width: 100rpx;
143 | z-index: 100000;
144 | -webkit-border-radius:50%;
145 | -moz-border-radius:50%;
146 | border-radius: 50%;
147 | -webkit-box-shadow: 6rpx 1rpx 6rpx rgba(0,0,0,.2);
148 | -moz-box-shadow: 6rpx 1rpx 6rpx rgba(0,0,0,.2);
149 | box-shadow:6rpx 1rpx 6rpx rgba(0,0,0,.2);
150 | height: 100rpx;
151 | background-color: white;
152 | .icon{
153 | display: block;
154 | width: 100rpx;
155 | height: 100rpx;
156 | text-align:center;
157 | color: #F01905;
158 | font-weight: bold;
159 | line-height: 100rpx;
160 | font-size: 50rpx;
161 | -webkit-transition: all .3s;
162 | -moz-transition: all .3s;
163 | -ms-transition: all .3s;
164 | -o-transition: all .3s;
165 | transition: all .3s;
166 | }
167 | }
168 | .affix-bottom{
169 | position: fixed;
170 | -webkit-box-shadow: -8rpx 0 10rpx rgba(0,0,0,.3);
171 | -moz-box-shadow: -8rpx 0 10rpx rgba(0,0,0,.3);
172 | box-shadow: -8rpx 0 10rpx rgba(0,0,0,.3);
173 | bottom: 0;
174 | right: 0;
175 | -webkit-transform: translateY(120%);
176 | -moz-transform: translateY(120%);
177 | -ms-transform: translateY(120%);
178 | -o-transform: translateY(120%);
179 | transform: translateY(120%);
180 | height:98rpx;
181 | width: 100%;
182 | z-index: 11100;
183 | background-color: white;
184 | padding:9rpx 40rpx;
185 | -webkit-transition: all .3s;
186 | -moz-transition: all .3s;
187 | -ms-transition: all .3s;
188 | -o-transition: all .3s;
189 | transition: all .3s;
190 | form{
191 | width: 100%;
192 | font-size: 0;
193 | input{
194 | width: 80%;
195 | height: 80rpx;
196 | font-size: 30rpx;
197 | display: inline-block;
198 | background-color: #E6E6E6;
199 | padding-left:20rpx;
200 | -webkit-border-radius:10rpx;
201 | -moz-border-radius:10rpx;
202 | border-radius:10rpx;
203 | -webkit-transition: all .3s;
204 | -moz-transition: all .3s;
205 | -ms-transition: all .3s;
206 | -o-transition: all .3s;
207 | transition: all .3s;
208 | }
209 | .btn-review{
210 | width: 18%;
211 | margin-left: 10rpx;
212 | display: inline-block;
213 | text-align: center;
214 | font-size: 26rpx;
215 | line-height:80rpx;
216 | -webkit-transition: all .15s;
217 | -moz-transition: all .15s;
218 | -ms-transition: all .15s;
219 | -o-transition: all .15s;
220 | transition: all .15s;
221 | }
222 | .btn-active{
223 | color: white;
224 | background-color:#F01905;
225 | }
226 | }
227 | }
228 | .affix-bottom-active{
229 | -webkit-transform: translateY(0);
230 | -moz-transform: translateY(0);
231 | -ms-transform: translateY(0);
232 | -o-transform: translateY(0);
233 | transform: translateY(0);
234 | }
235 | }
236 | }
--------------------------------------------------------------------------------
/pages/loveWall-details/loveWall-details.wxss:
--------------------------------------------------------------------------------
1 | #app {
2 | width: 100%;
3 | height: 100%;
4 | background-color: #FAFAFA; }
5 | #app .app-module {
6 | height: 100%; }
7 | #app .app-module .module-content {
8 | padding: 0 30rpx 30rpx;
9 | background-color: #FAFAFA;
10 | position: relative; }
11 | #app .app-module .module-content .module-header .title {
12 | height: 76rpx;
13 | line-height: 76rpx;
14 | font-size: 36rpx;
15 | color: #000000;
16 | font-weight: 600; }
17 | #app .app-module .module-content .module-header .author {
18 | display: block;
19 | font-weight: 500; }
20 | #app .app-module .module-content .module-header .author .time {
21 | font-weight: 300;
22 | font-size: 22rpx; }
23 | #app .app-module .module-content .module-body image {
24 | display: block;
25 | margin: 20rpx auto; }
26 | #app .app-module .module-content .module-body .content {
27 | color: #000000;
28 | margin-top: -30rpx;
29 | display: block;
30 | font-size: 26rpx;
31 | line-height: 40rpx;
32 | margin-bottom: 10px; }
33 | #app .app-module .module-content .module-footer {
34 | text-align: right;
35 | display: flex;
36 | padding: 10rpx 0;
37 | color: #b2b2b2;
38 | justify-content: flex-end; }
39 | #app .app-module .module-content .module-footer text {
40 | margin: 0 5rpx;
41 | font-weight: 500; }
42 | #app .app-module .module-content .module-footer > view {
43 | margin-right: 15rpx; }
44 | #app .app-module .module-content .module-footer .active {
45 | color: #f01905; }
46 | #app .app-module .module-content .after {
47 | width: 100%;
48 | display: block;
49 | position: absolute;
50 | bottom: -24rpx;
51 | height: 24rpx;
52 | left: 0;
53 | right: 0;
54 | background-color: #E6E6E6;
55 | z-index: 1100; }
56 | #app .app-module .module-review {
57 | position: relative;
58 | padding: 45rpx 40rpx 98rpx;
59 | background-color: #FAFAFA; }
60 | #app .app-module .module-review .module-header {
61 | margin-bottom: 46rpx; }
62 | #app .app-module .module-review .module-header text {
63 | font-size: 26rpx; }
64 | #app .app-module .module-review .module-header text::before {
65 | vertical-align: top;
66 | margin-right: 16rpx;
67 | content: '';
68 | width: 10rpx;
69 | height: 32rpx;
70 | background-color: #F01905;
71 | display: inline-block; }
72 | #app .app-module .module-review .module-body .review-list {
73 | display: block; }
74 | #app .app-module .module-review .module-body .review-list .review .review-header {
75 | display: flex;
76 | align-items: center; }
77 | #app .app-module .module-review .module-body .review-list .review .review-header .headImg {
78 | width: 56rpx;
79 | height: 56rpx;
80 | flex: 1 0 6%;
81 | padding-right: 30rpx; }
82 | #app .app-module .module-review .module-body .review-list .review .review-header .user-content {
83 | flex: 1 0 80%; }
84 | #app .app-module .module-review .module-body .review-list .review .review-header .user-content .user-name {
85 | font-size: 26rpx;
86 | font-weight: 500;
87 | display: block; }
88 | #app .app-module .module-review .module-body .review-list .review .review-header .user-content .time {
89 | color: #b2b2b2;
90 | font-size: 22rpx; }
91 | #app .app-module .module-review .module-body .review-list .review .review-body {
92 | padding: 30rpx 30rpx 30rpx 52rpx; }
93 | #app .app-module .module-review .module-body .review-list .review .review-body text {
94 | font-size: 26rpx;
95 | color: #000; }
96 | #app .app-module .module-review .module-body .review-empty {
97 | text-align: center;
98 | font-size: 35rpx;
99 | font-weight: bold; }
100 | #app .app-module .btn-review-fixed {
101 | position: fixed;
102 | bottom: 100rpx;
103 | right: 100rpx;
104 | width: 100rpx;
105 | z-index: 100000;
106 | -webkit-border-radius: 50%;
107 | -moz-border-radius: 50%;
108 | border-radius: 50%;
109 | -webkit-box-shadow: 6rpx 1rpx 6rpx rgba(0, 0, 0, 0.2);
110 | -moz-box-shadow: 6rpx 1rpx 6rpx rgba(0, 0, 0, 0.2);
111 | box-shadow: 6rpx 1rpx 6rpx rgba(0, 0, 0, 0.2);
112 | height: 100rpx;
113 | background-color: white; }
114 | #app .app-module .btn-review-fixed .icon {
115 | display: block;
116 | width: 100rpx;
117 | height: 100rpx;
118 | text-align: center;
119 | color: #F01905;
120 | font-weight: bold;
121 | line-height: 100rpx;
122 | font-size: 50rpx;
123 | -webkit-transition: all .3s;
124 | -moz-transition: all .3s;
125 | -ms-transition: all .3s;
126 | -o-transition: all .3s;
127 | transition: all .3s; }
128 | #app .app-module .affix-bottom {
129 | position: fixed;
130 | -webkit-box-shadow: -8rpx 0 10rpx rgba(0, 0, 0, 0.3);
131 | -moz-box-shadow: -8rpx 0 10rpx rgba(0, 0, 0, 0.3);
132 | box-shadow: -8rpx 0 10rpx rgba(0, 0, 0, 0.3);
133 | bottom: 0;
134 | right: 0;
135 | -webkit-transform: translateY(120%);
136 | -moz-transform: translateY(120%);
137 | -ms-transform: translateY(120%);
138 | -o-transform: translateY(120%);
139 | transform: translateY(120%);
140 | height: 98rpx;
141 | width: 100%;
142 | z-index: 11100;
143 | background-color: white;
144 | padding: 9rpx 40rpx;
145 | -webkit-transition: all .3s;
146 | -moz-transition: all .3s;
147 | -ms-transition: all .3s;
148 | -o-transition: all .3s;
149 | transition: all .3s; }
150 | #app .app-module .affix-bottom form {
151 | width: 100%;
152 | font-size: 0; }
153 | #app .app-module .affix-bottom form input {
154 | width: 80%;
155 | height: 80rpx;
156 | font-size: 30rpx;
157 | display: inline-block;
158 | background-color: #E6E6E6;
159 | padding-left: 20rpx;
160 | -webkit-border-radius: 10rpx;
161 | -moz-border-radius: 10rpx;
162 | border-radius: 10rpx;
163 | -webkit-transition: all .3s;
164 | -moz-transition: all .3s;
165 | -ms-transition: all .3s;
166 | -o-transition: all .3s;
167 | transition: all .3s; }
168 | #app .app-module .affix-bottom form .btn-review {
169 | width: 18%;
170 | margin-left: 10rpx;
171 | display: inline-block;
172 | text-align: center;
173 | font-size: 26rpx;
174 | line-height: 80rpx;
175 | -webkit-transition: all .15s;
176 | -moz-transition: all .15s;
177 | -ms-transition: all .15s;
178 | -o-transition: all .15s;
179 | transition: all .15s; }
180 | #app .app-module .affix-bottom form .btn-active {
181 | color: white;
182 | background-color: #F01905; }
183 | #app .app-module .affix-bottom-active {
184 | -webkit-transform: translateY(0);
185 | -moz-transform: translateY(0);
186 | -ms-transform: translateY(0);
187 | -o-transform: translateY(0);
188 | transform: translateY(0); }
189 |
--------------------------------------------------------------------------------
/font/iconfont.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
85 |
--------------------------------------------------------------------------------
/app.scss:
--------------------------------------------------------------------------------
1 | @charset "utf-8";
2 | @import "./libs/ToolTip/toolTip";
3 | page{
4 | width: 100%;
5 | height: 100%;
6 | color: #333;
7 | font-size: 30rpx;
8 | font-weight: 300;
9 | font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
10 | #app{
11 | width: 100%;
12 | height: 100%;
13 | }
14 | image{
15 | max-width: 100%;
16 | }
17 | view,navigator,image,video,input,textarea,form{
18 | font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
19 | -webkit-box-sizing: border-box;
20 | -moz-box-sizing: border-box;
21 | box-sizing: border-box;
22 | }
23 |
24 | //我的信息-列表模版样式 start
25 | .comment-item{
26 | width: 100%;
27 | display: table;
28 | border-bottom: 1px solid #FAFAFA;
29 | padding: 40rpx 0;
30 | .comment-content{
31 | display: table-cell;
32 | width: 74%;
33 | vertical-align: top;
34 | padding-right: 48rpx;
35 | .comment-text{
36 | display: block;
37 | overflow : hidden;
38 | height: 100rpx;
39 | line-height: 50rpx;
40 | text-overflow: ellipsis;
41 | display: -webkit-box;
42 | -webkit-line-clamp: 2;
43 | -webkit-box-orient: vertical;
44 | color: #000;
45 | font-size: 26rpx;
46 | font-weight: 400;
47 | }
48 | .footer-news{
49 | color: #f01905;
50 | display: inline;
51 | font-weight: 400;
52 | line-height: 24rpx;
53 | height: 24rpx;
54 | font-size: 25.28rpx;
55 | margin-bottom: 20rpx;
56 | &::before{
57 | content: '·';
58 | margin-right: 5rpx;
59 | }
60 | }
61 | .comment-footer{
62 | width: 100%;
63 | display: block;
64 | height: 28rpx;
65 | line-height: 28rpx;
66 | color: #000;
67 | font-size: 0;
68 | white-space:nowrap;
69 | overflow:hidden;
70 | text-overflow:ellipsis;
71 | .footer-applaud,.footer-comment{
72 | display: inline-block;
73 | font-size: 22rpx;
74 | .applaud-num,.comment-num{
75 | width: auto;
76 | margin-right: 12rpx;
77 | padding: 0 10rpx;
78 | color: white;
79 | text-align: center;
80 | background-color: #F01905;
81 | -webkit-border-radius:14rpx;
82 | -moz-border-radius:14rpx;
83 | border-radius: 14rpx;
84 | line-height: 24rpx;
85 | height: 24rpx;
86 | font-size: 18rpx;
87 | }
88 | }
89 | }
90 | }
91 | .comment-object{
92 | display: table-cell;
93 | width: 26%;
94 | font-size: 0;
95 | vertical-align: middle;
96 | image{
97 | width: 176rpx;
98 | height: 128rpx;
99 | }
100 | }
101 | }
102 | //我的信息-列表模版样式 end
103 | //心墙-展示内容列表样式 start
104 | .content-item{
105 | display: block;
106 | padding:20rpx 40rpx;
107 | border-bottom: 1px solid #FAFAFA;
108 | .content-header{
109 | width: 100%;
110 | height: 63rpx;
111 | display: flex;
112 | align-items:center;
113 | .headImg{
114 | width: 56rpx;
115 | height:56rpx;
116 | margin-right: 20rpx;
117 | -webkit-border-radius:50%;
118 | -moz-border-radius:50%;
119 | border-radius:50%;
120 | }
121 | .username{
122 | font-size: 26rpx;
123 | color: #000;
124 | vertical-align: top;
125 | }
126 | }
127 | .content-body{
128 | display: flex;
129 | height: 128rpx;
130 | width: 100%;
131 | .content-text{
132 | flex:0 1 75%;
133 | vertical-align: top;
134 | padding-right: 48rpx;
135 | .comment-text{
136 | display: block;
137 | overflow : hidden;
138 | height: 100rpx;
139 | line-height: 50rpx;
140 | text-overflow: ellipsis;
141 | display: -webkit-box;
142 | -webkit-line-clamp: 2;
143 | -webkit-box-orient: vertical;
144 | color: #000;
145 | font-size: 26rpx;
146 | font-weight: 400;
147 |
148 | }
149 | .content-footer{
150 | width: 100%;
151 | display: block;
152 | height: 28rpx;
153 | line-height: 28rpx;
154 | color: #000;
155 | font-size: 0;
156 | white-space:nowrap;
157 | overflow:hidden;
158 | text-overflow:ellipsis;
159 | .footer-applaud,.footer-comment{
160 | display: inline-block;
161 | font-size: 22rpx;
162 | .applaud-num,.comment-num{
163 | width: auto;
164 | margin-right: 12rpx;
165 | padding: 0 10rpx;
166 | color: #b2b2b2;
167 | text-align: center;
168 | }
169 | }
170 | .footer-news{
171 | color: #f01905;
172 | display: inline;
173 | font-weight: 400;
174 | line-height: 24rpx;
175 | height: 24rpx;
176 | font-size: 24.28rpx;
177 | &::before{
178 | content: '·';
179 | margin-right: 5rpx;
180 | }
181 | }
182 | }
183 | }
184 | .content-object{
185 | flex:0 1 25%;
186 | image{
187 | width: 176rpx;
188 | height: 128rpx;
189 | display: block;
190 | }
191 | }
192 | }
193 | }
194 | //心墙-展示内容列表样式 end
195 |
196 |
197 | }
198 | @font-face {
199 | font-family: 'iconfont';
200 | src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff'),
201 | url('./font/iconfont.ttf') format('truetype'),
202 | url('./font/iconfont.svg#iconfont') format('svg');
203 | font-weight: 500;
204 | font-style: normal;
205 | }
206 | [class^="icon-"],[class*=" icon-"],.icon{
207 | font-family: "iconfont"!important;
208 | font-size: 16px;
209 | font-style: normal;
210 | -webkit-font-smoothing: antialiased;
211 | -moz-osx-font-smoothing: grayscale; }
212 | .icon-gou:before {
213 | content: "\e603"; }
214 |
215 | .icon-jiantou:before {
216 | content: "\e61e"; }
217 |
218 | .icon-gengxin:before {
219 | content: "\e6e9"; }
220 |
221 | .icon-iconfontconment:before {
222 | content: "\e61d"; }
223 |
224 | .icon-xinxi:before {
225 | content: "\e62d"; }
226 |
227 | .icon-xinxi2:before {
228 | content: "\e632"; }
229 |
230 | .icon-dianzan:before {
231 | content: "\e601"; }
232 |
233 | .icon-wode:before {
234 | content: "\e605"; }
235 |
236 | .icon-aixin01:before {
237 | content: "\e606"; }
238 |
239 | .icon-jia:before {
240 | content: "\e60b"; }
241 |
242 | .icon-tongzhi:before {
243 | content: "\e607"; }
244 |
245 | .icon-aixin:before {
246 | content: "\e600"; }
247 |
248 | .icon-sousuo-sousuo:before {
249 | content: "\e614"; }
250 |
251 | .icon-close:before {
252 | content: "\e602"; }
253 | .icon-top:before {
254 | content: "\e60d"; }
255 |
--------------------------------------------------------------------------------
/app.wxss:
--------------------------------------------------------------------------------
1 | @charset "UTF-8";
2 | .v5_tool_tip {
3 | display: flex;
4 | align-items: center;
5 | width: 100%;
6 | padding: 0 16rpx;
7 | font-weight: 400;
8 | font-size: 30rpx;
9 | color: white;
10 | background-color: white;
11 | white-space: nowrap;
12 | overflow-x: hidden;
13 | z-index: 1000;
14 | position: fixed;
15 | top: -35px;
16 | min-height: 80rpx;
17 | opacity: 0;
18 | border-top: 1px solid #FAFAFA;
19 | -webkit-box-shadow: 5rpx 0 10rpx rgba(0, 0, 0, 0.2);
20 | -moz-box-shadow: 5rpx 0 10rpx rgba(0, 0, 0, 0.2);
21 | box-shadow: 5rpx 0 10rpx rgba(0, 0, 0, 0.2); }
22 |
23 | .v5_tool_tip .v5_info_text {
24 | flex: 1;
25 | white-space: nowrap;
26 | overflow: hidden;
27 | text-overflow: ellipsis;
28 | margin: auto 12rpx;
29 | color: #666; }
30 |
31 | .v5_info_success .v5_info_text {
32 | color: #09BB07; }
33 |
34 | .v5_info_info .v5_info_text {
35 | color: #09BB07; }
36 |
37 | .v5_info_warn .v5_info_text {
38 | color: #FFBE00; }
39 |
40 | .v5_info_error .v5_info_text {
41 | color: #F76260; }
42 |
43 | .v5_tool_tip .v5_info_icon {
44 | float: right;
45 | margin-right: 16rpx; }
46 |
47 | page {
48 | width: 100%;
49 | height: 100%;
50 | color: #333;
51 | font-size: 30rpx;
52 | font-weight: 300;
53 | font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; }
54 | page #app {
55 | width: 100%;
56 | height: 100%; }
57 | page image {
58 | max-width: 100%; }
59 | page view, page navigator, page image, page video, page input, page textarea, page form {
60 | font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
61 | -webkit-box-sizing: border-box;
62 | -moz-box-sizing: border-box;
63 | box-sizing: border-box; }
64 | page .comment-item {
65 | width: 100%;
66 | display: table;
67 | border-bottom: 1px solid #FAFAFA;
68 | padding: 40rpx 0; }
69 | page .comment-item .comment-content {
70 | display: table-cell;
71 | width: 74%;
72 | vertical-align: top;
73 | padding-right: 48rpx; }
74 | page .comment-item .comment-content .comment-text {
75 | display: block;
76 | overflow: hidden;
77 | height: 100rpx;
78 | line-height: 50rpx;
79 | text-overflow: ellipsis;
80 | display: -webkit-box;
81 | -webkit-line-clamp: 2;
82 | -webkit-box-orient: vertical;
83 | color: #000;
84 | font-size: 26rpx;
85 | font-weight: 400; }
86 | page .comment-item .comment-content .footer-news {
87 | color: #f01905;
88 | display: inline;
89 | font-weight: 400;
90 | line-height: 24rpx;
91 | height: 24rpx;
92 | font-size: 25.28rpx;
93 | margin-bottom: 20rpx; }
94 | page .comment-item .comment-content .footer-news::before {
95 | content: '·';
96 | margin-right: 5rpx; }
97 | page .comment-item .comment-content .comment-footer {
98 | width: 100%;
99 | display: block;
100 | height: 28rpx;
101 | line-height: 28rpx;
102 | color: #000;
103 | font-size: 0;
104 | white-space: nowrap;
105 | overflow: hidden;
106 | text-overflow: ellipsis; }
107 | page .comment-item .comment-content .comment-footer .footer-applaud, page .comment-item .comment-content .comment-footer .footer-comment {
108 | display: inline-block;
109 | font-size: 22rpx; }
110 | page .comment-item .comment-content .comment-footer .footer-applaud .applaud-num, page .comment-item .comment-content .comment-footer .footer-applaud .comment-num, page .comment-item .comment-content .comment-footer .footer-comment .applaud-num, page .comment-item .comment-content .comment-footer .footer-comment .comment-num {
111 | width: auto;
112 | margin-right: 12rpx;
113 | padding: 0 10rpx;
114 | color: white;
115 | text-align: center;
116 | background-color: #F01905;
117 | -webkit-border-radius: 14rpx;
118 | -moz-border-radius: 14rpx;
119 | border-radius: 14rpx;
120 | line-height: 24rpx;
121 | height: 24rpx;
122 | font-size: 18rpx; }
123 | page .comment-item .comment-object {
124 | display: table-cell;
125 | width: 26%;
126 | font-size: 0;
127 | vertical-align: middle; }
128 | page .comment-item .comment-object image {
129 | width: 176rpx;
130 | height: 128rpx; }
131 | page .content-item {
132 | display: block;
133 | padding: 20rpx 40rpx;
134 | border-bottom: 1px solid #FAFAFA; }
135 | page .content-item .content-header {
136 | width: 100%;
137 | height: 63rpx;
138 | display: flex;
139 | align-items: center; }
140 | page .content-item .content-header .headImg {
141 | width: 56rpx;
142 | height: 56rpx;
143 | margin-right: 20rpx;
144 | -webkit-border-radius: 50%;
145 | -moz-border-radius: 50%;
146 | border-radius: 50%; }
147 | page .content-item .content-header .username {
148 | font-size: 26rpx;
149 | color: #000;
150 | vertical-align: top; }
151 | page .content-item .content-body {
152 | display: flex;
153 | height: 128rpx;
154 | width: 100%; }
155 | page .content-item .content-body .content-text {
156 | flex: 0 1 75%;
157 | vertical-align: top;
158 | padding-right: 48rpx; }
159 | page .content-item .content-body .content-text .comment-text {
160 | display: block;
161 | overflow: hidden;
162 | height: 100rpx;
163 | line-height: 50rpx;
164 | text-overflow: ellipsis;
165 | display: -webkit-box;
166 | -webkit-line-clamp: 2;
167 | -webkit-box-orient: vertical;
168 | color: #000;
169 | font-size: 26rpx;
170 | font-weight: 400; }
171 | page .content-item .content-body .content-text .content-footer {
172 | width: 100%;
173 | display: block;
174 | height: 28rpx;
175 | line-height: 28rpx;
176 | color: #000;
177 | font-size: 0;
178 | white-space: nowrap;
179 | overflow: hidden;
180 | text-overflow: ellipsis; }
181 | page .content-item .content-body .content-text .content-footer .footer-applaud, page .content-item .content-body .content-text .content-footer .footer-comment {
182 | display: inline-block;
183 | font-size: 22rpx; }
184 | page .content-item .content-body .content-text .content-footer .footer-applaud .applaud-num, page .content-item .content-body .content-text .content-footer .footer-applaud .comment-num, page .content-item .content-body .content-text .content-footer .footer-comment .applaud-num, page .content-item .content-body .content-text .content-footer .footer-comment .comment-num {
185 | width: auto;
186 | margin-right: 12rpx;
187 | padding: 0 10rpx;
188 | color: #b2b2b2;
189 | text-align: center; }
190 | page .content-item .content-body .content-text .content-footer .footer-news {
191 | color: #f01905;
192 | display: inline;
193 | font-weight: 400;
194 | line-height: 24rpx;
195 | height: 24rpx;
196 | font-size: 24.28rpx; }
197 | page .content-item .content-body .content-text .content-footer .footer-news::before {
198 | content: '·';
199 | margin-right: 5rpx; }
200 | page .content-item .content-body .content-object {
201 | flex: 0 1 25%; }
202 | page .content-item .content-body .content-object image {
203 | width: 176rpx;
204 | height: 128rpx;
205 | display: block; }
206 |
207 | @font-face {
208 | font-family: 'iconfont';
209 | src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"), url("./font/iconfont.ttf") format("truetype"), url("./font/iconfont.svg#iconfont") format("svg");
210 | font-weight: 500;
211 | font-style: normal; }
212 |
213 | [class^="icon-"], [class*=" icon-"], .icon {
214 | font-family: "iconfont" !important;
215 | font-size: 16px;
216 | font-style: normal;
217 | -webkit-font-smoothing: antialiased;
218 | -moz-osx-font-smoothing: grayscale; }
219 |
220 | .icon-gou:before {
221 | content: "\e603"; }
222 |
223 | .icon-jiantou:before {
224 | content: "\e61e"; }
225 |
226 | .icon-gengxin:before {
227 | content: "\e6e9"; }
228 |
229 | .icon-iconfontconment:before {
230 | content: "\e61d"; }
231 |
232 | .icon-xinxi:before {
233 | content: "\e62d"; }
234 |
235 | .icon-xinxi2:before {
236 | content: "\e632"; }
237 |
238 | .icon-dianzan:before {
239 | content: "\e601"; }
240 |
241 | .icon-wode:before {
242 | content: "\e605"; }
243 |
244 | .icon-aixin01:before {
245 | content: "\e606"; }
246 |
247 | .icon-jia:before {
248 | content: "\e60b"; }
249 |
250 | .icon-tongzhi:before {
251 | content: "\e607"; }
252 |
253 | .icon-aixin:before {
254 | content: "\e600"; }
255 |
256 | .icon-sousuo-sousuo:before {
257 | content: "\e614"; }
258 |
259 | .icon-close:before {
260 | content: "\e602"; }
261 |
262 | .icon-top:before {
263 | content: "\e60d"; }
264 |
--------------------------------------------------------------------------------