宠物社区小程序_宠物论坛哪个好

宠物社区小程序_宠物论坛哪个好微信小程序宠物论坛6个人主页页面JS部分constdb=wx.cloud.database()Page({data:{openid:””,nickname:””,heads:””},onLoad:function(options){constopenid=options.idthis.setData({openid:openid})console.log(this.data.openid)d

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

微信小程序宠物论坛6

个人主页页面

在这里插入图片描述
JS部分

const db = wx.cloud.database()

Page({
  data:{
    openid:"",
    nickname:"",
    heads:""
  },

onLoad:function(options){
  
  const openid=options.id
  this.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;
}

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/185039.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • php面试题和答案_百度php面试题及答案

    php面试题和答案_百度php面试题及答案 基础题:1.表单中get与post提交方法的区别?答:get是发送请求HTTP协议通过url参数传递进行接收,而post是实体数据,可以通过表单提交大量信息.2.session与cookie的区别?答:session:储存用户访问的全局唯一变量,存储在服务器上的php指定的目录中的(session_dir)的位置进行的存放  cookie:用来存储连续訪問一个頁面时所使用,是存储在客户端

  • 利用按键精灵实现QQ群发和微信群发「建议收藏」

    利用按键精灵实现QQ群发和微信群发「建议收藏」1前言注意:本教程只供学习参考之用,如用于群发广告等影响他人乃至违法犯罪行为等与本文作者无关。另外,转载请注明出处,尊重创作者劳动,谢谢。端午期间需要给微信和QQ的好友发送祝福,但是上千个好友都要发送比较困难,所以想到利用按键精灵撰写脚本的方式实现自动群发祝福。2解释说明&运行环境关于解释说明和程序运行环境请参考我之前的博文的2/3章节:按键精灵实现自动化点qq名片赞3QQ群发3.1几点注意在本demo中群发的是一串文本和一张图片,可以按照需要修改脚本代码。发送图片是通过

  • BP神经网络算法学习及代码实现(含Python源码)[通俗易懂]

    BP神经网络算法学习及代码实现(含Python源码)[通俗易懂]目录1.写在前面2.BP神经网络推导2.1前向传播2.2反向传播2.2.1求解梯度矩阵2.2.2梯度下降法2.2.3反向传播公式推导输出层误差推导隐藏层误差参数变化率参数更新3.代码实现3.1过程解释3.1.1导入库3.1.2定义sigmoid函数3.1.3导入数据集3.1.4初始化权重和偏倚3.1.5开始训练3.2完整代码3.3预测结果1.写在前面BP神经网络算法作为作为机器学习最基础的算法,非常适合入门。透彻掌握其原理将对于今后的机器学习有很大的帮助。2.BP神经网络推导2.1前向传播前向传播

  • android armeabi armeabi-v7a(v7a和x86)

    了解起因昨天师傅问,你知道这俩个是什么么?有什么作用么?(如下图所示)现在还记得我那一脸蒙比的样子,诺诺的回答不晓得。师傅说这个是为了兼容一些手机,(此处省略滔滔不绝若干。。。)。听的我更加蒙比了,之前只是知道要把.so库扔进去,但是为什么扔,就不懂了,何谈我怎会知道那目录?(PS:还是自己差太多了。。。)好尴尬。。。查询前期准备首先按照四个部分来查询,分别如下:一.lib…

  • Visdom使用

    Visdom使用这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML图表FLowchart流程图导出与导入导出导入欢迎使用Ma…

  • 基于 Echarts 实现可视化数据大屏展示[通俗易懂]

    基于 Echarts 实现可视化数据大屏展示[通俗易懂]前言收集了一套基于Echarts实现可视化数据大屏响应式展示效果的源码,共计30个页面,可以在此基础上重新开发。实现方式:html+Echarts贴图有需要的可以联系我暂时不开源,之后会考虑写教程和开源项目。…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号