微信小程序宠物论坛6
微信小程序宠物论坛6
个人主页页面
JS部分
const db = wx.cloud.database()Page({data:{openid:"",nickname:"",heads:""},onLoad:function(options){const openid=options.idthis.setData({openid:openid})console.log(this.data.openid)db.collection('user').where({_openid:openid}).get({success: res=> {this.setData({nickname:res.data[0].nickname,heads:res.data[0].heads,openid:res.data[0]._openid})// console.log(this.data.nickname)// console.log(this.data.heads)// const openid=this.data.openid// console.log(openid)},fail:res=>{}})}})
WXML部分
<view><view class="userinfo"><image class="userinfo-avatar" src="{{heads}}" background-size="cover"></image><text class="userinfo-nickname">{{nickname}}</text></view><view class="hr"></view><!-- 管理员审核部分 --><view wx:if="{{openid=='ovGIO5CsyuDL3aq275lxfqdwmqFw'}}"><navigator url="../reviewpost/reviewpost" open-type="navigate"><view class="line"></view><view class="item"><view class="title">审核帖子</view><view class="detail2"><text> ></text></view></view></navigator><view class="line"></view><navigator url="../reviewcomment/reviewcomment" open-type="navigate"><view class="line"></view><view class="item"><view class="title">审核评论</view><view class="detail2"><text> ></text></view></view></navigator><view class="line"></view></view><navigator url="../mypost/mypost?id={{openid}}" open-type="navigate"><view class='item'><view class="title">我的帖子</view><view class="detail2"><text> ></text></view></view>
</navigator><navigator url="../mycollect/mycollect?id={{openid}}" open-type="navigate"><view class="line"></view><view class="item"><view class="title">我的收藏</view><view class="detail2"><text> ></text></view></view></navigator><view class="line"></view><navigator url="../aboutus/aboutus" open-type="navigate"><view class="item"><view class="title">关于我们</view><view class="detail2"><text> ></text></view></view></navigator><view class="line"></view>
</view>
WXSS部分
/* pages/mine/mine.wxss */
.userinfo {display: flex;flex-direction: column;align-items: center;background: #eb6161;width: 100%;height: 300rpx;
}.userinfo-avatar {width: 128rpx;height: 128rpx;margin: 20rpx;border-radius: 50%;
}.userinfo-nickname {color: black;
}.header {margin: 90rpx 0 90rpx 50rpx;border-bottom: 1px solid #ccc;text-align: center;width: 650rpx;height: 300rpx;line-height: 450rpx;
}.header image {width: 200rpx;height: 200rpx;
}.content {margin-left: 50rpx;margin-bottom: 90rpx;
}.content text {display: block;color: #9d9d9d;margin-top: 40rpx;
}.bottom {border-radius: 80rpx;margin: 70rpx 50rpx;font-size: 35rpx;
}/* 用户中心 */.hr {width: 100%;height: 15px;background-color: #f4f5f6;
}
.item {display: flex;flex-direction: row;
}
.title {padding-top: 15px;padding-bottom: 15px;padding-left: 15px;font-size: 15px;
}.detail2 {font-size: 15px;position: absolute;right: 10px;height: 50px;line-height: 50px;color: #888;
}.line {border: 1px solid #ccc;opacity: 0.2;
}
微信小程序宠物论坛6相关推荐
- 微信小程序宠物论坛4
微信小程序宠物论坛4 帖子详情模块 界面图 JS部分 // 初始化数据化 const db = wx.cloud.database(); const cont = db.collection('com ...
- 微信小程序校园论坛系统丨安卓也可以用
<微信小程序校园论坛+后台管理系统|前后分离VUE>该项目含有源码.论文等资料.配套开发软件.软件安装教程.项目发布教程等 本系统包含微信小程序前台和Java做的后台管理系统,该后台采用前 ...
- 最新WordPress微信小程序社区论坛源码多端应用
WordPress多端应用 WordPress作为后端生成多端小程序.快应用及APP,可用于资讯.新闻.博客.企业官网等 后端 使用开源博客建站系统wordpress和微慕小程序开源版插件 前端使用u ...
- 微信小程序校园论坛+后台管理系统|前后分离VUE
<微信小程序校园论坛+后台管理系统|前后分离VUE>该项目含有源码.论文等资料.配套开发软件.软件安装教程.项目发布教程等 本系统包含微信小程序前台和Java做的后台管理系统,该后台采用前 ...
- 微信小程序宠物商城项目源码来了~
微信小程序蒙服汇项目源码来了~ 微信小程序垃圾分类项目源码来了~ 微信小程序校园社团管理系统项目源码来了~ 团队承接各类小程序定制,需要加微 code_gg_boy .小商城,购物,公司的一些管理,流 ...
- 基于微信小程序校内论坛系统设计与实现.rar(含毕业设计论文+数据库文件+源码+答辩ppt模板)
摘要:论坛作为一种新的生活上方式,工作方式和学习方式已经被大众所接受.并且在改变着人们的网络社交方式.随着越来越多的人在写论坛,论坛也正在影响着我们的生活.因此,开发一款简洁而功能强大的论坛系统,将来 ...
- 阿拉丁微信小程序创新论坛“上海站”成功举办 携多位业界专家探讨小程序创投机会...
1月15日下午,阿拉丁在上海长宁区明基广场国际会议室成功举办小程序创新论坛第三站-上海站.小程序从1月9号正式上线到现在已经过去近一周的时间了,这段时间里关于小程序的话题从未中断过.小程序的性感似乎被 ...
- WordPress微信小程序社区论坛源码
简介: 后端使用开源博客建站系统wordpress和微慕小程序开源版插件前端使用uniapp本项目可以直接同步wordpress的内容并生成H5.微信小程序.QQ小程序.宝小程序.百度小程序.头条抖音 ...
- 基于微信小程序在线论坛bbs交流系统设计springboot后端
程序开发软件:Idea + 微信开发者工具 + mysql 开发技术:Springboot后端,小程序客户端,bootstrap后端界面 为了方便朋友们在手机端微信交流问题,开发了这个小程序论坛app ...
最新文章
- 用Python和项目进行机器学习(初学者) Machine Learning A-Z with Python with Project (Beginner)
- 【libevent】libevent库学习总结(一)——基础
- python的循环控制语句有_关于Python中的for循环控制语句
- SpringMVC异常处理机制-异常处理两种方式
- 面试:一文搞懂重载和重写的区别
- LeetCode题库11:盛最多水的容器——JavaScript解答
- 如何将爬虫获得的数据变为字典的key_Python爬虫第二战 爬取500px图片
- SpringCloud微服务(02):Ribbon和Feign组件,实现服务调用的负载均衡
- java文件删除操作_Java文件复制删除操作合集
- 打包fpm mysql_fpm制做mysql-5.6.33 rpm包
- 架构系列---发号器(全局唯一ID生成器)系统设计方案和思路
- 新入手了台IBM Thinkpad T60笔记本 重装系统
- 圆排列公式推导_数学广角早在公元三世纪,我国数学家刘徽为推导圆的面积公式而发明了 爱问知识人...
- 计算机中mac ip地址查询,如何通过mac地址查ip,详细教您Mac怎么查看ip地址
- android intent scheme,android Scheme使用 打开指定的Activity
- python迭代对象是什么意思_python的迭代对象
- 国内免费无限制使用的ChatGPT平台
- GNU C++ 智能指针5-- 解析_Sp_counted_deleter类
- elementUI表格自动刷新
- warning:4005 DXGI_STATUS_OCCLUDED,宏重定义