Lucent's Blog

当时明月在,曾照彩云归。



代码在写我

Bug在De我

螃蟹在剥我的壳

漫天的我落在雪花上

而你在想我...

6ams5piO5pyI

微信小程序头像样式

效果:

代码:

  <view class="userinfo">
    <view class="userinfo-avatar">
      <open-data  type="userAvatarUrl"></open-data>
    </view>
      <open-data type="userNickName"></open-data>
  </view>
.userinfo {  
  position: relative;  
  width: 750rpx;  
  height: 320rpx;  
  color: #fff;  
  display: flex;  
  flex-direction: column;  
  align-items: center;  
}  
  
.userinfo-avatar {  
  overflow:hidden;  
  display: block;  
  width: 160rpx;  
  height: 160rpx;  
  margin: 20rpx;  
  margin-top: 50rpx;  
  border-radius: 50%;  
  border: 2px solid #fff;  
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);  
}  
  
.userinfo{  
  /* color: #fff; */  
  font-size: 14px;  
  background-color: #c0c0c0;  
  border-radius:40%;  
}

最近的文章

解决element ui 日期选择器默认时间少一天的问题

今天在使用element-ui的日期选择器的时候出现一个奇怪的问题,选中的日期在获取值之后会比选中的日期少一天:<el-date-pickerclass="mr10"v-model="selectedDate"type="daterange&q…

继续阅读
更早的文章

解决Flash被禁用的问题

如果你在使用订单系统的过程中遇到类似如下的问题:请点击上图中的按钮,一般谷歌浏览器左上角都会弹出提示框询问是否启用flash,点击允许即可。如果未弹出任何提示,请按以下步骤设置:1.打开谷歌浏览器的设置2.拉到最下,点击高级3.点击网站设置4.点击Flash5.将其修改为<先询问>…

继续阅读