首页 > 微信 > 详细

小程序学习之用户信息页面开发

时间:2019-08-28 22:14:44      阅读:96      评论:0      收藏:0      [点我收藏+]

效果图如下:

技术分享图片

代码如下:

<!--pages/user/user.wxml-->
<view style=‘display:flex;flex-direction:column;align-items:center‘>
  <image src="http://n.sinaimg.cn/front/95/w2048h2047/20190331/9Ih3-huxwryw4121627.jpg" style="width:50px;height:50px;"/>
  <text>text</text>

   <view style=‘margin-bottom:15px;padding:5px;width:100%;border:1px solid‘>
    <view style=‘margin-top:10px;margin-bottom:10px;‘>
      <text style=‘font-size:20px;color:#353535‘>这是标题</text>
    </view>
    <view style=‘display:flex;justify-content:space-between‘>
      <text style=‘font-size:18px;color:#888888‘>10条回复</text>
      <text style=‘font-size:18px;color:#888888‘>节点</text>
    </view>
  </view>

  <view style=‘margin-bottom:15px;padding:5px;width:100%;border:1px solid‘>
    <view style=‘margin-top:10px;margin-bottom:10px;‘>
      <text style=‘font-size:20px;color:#353535‘>这是标题</text>
    </view>
    <view style=‘display:flex;justify-content:space-between‘>
      <text style=‘font-size:18px;color:#888888‘>10条回复</text>
      <text style=‘font-size:18px;color:#888888‘>节点</text>
    </view>
  </view>
</view>

  

 

小程序学习之用户信息页面开发

原文:https://www.cnblogs.com/w-2018/p/11426665.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!