Lucent's Blog

当时明月在 曾照彩云归

人生不相见,动如参与商。

6LCi5Y2O5qKFLOaIkeaDs+S9oOS6hg==


微信小程序头像样式

效果:

代码:

  <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的日期选择器的时候出现一个奇怪的问题,选中的日期在获取值之后会比选中的日期少一天:&lt;el-date-pickerclass=&quot;mr10&quot;v-model=&quot;selectedDate&quot;type=&quot;daterange&q…

阅读
下一篇

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

阅读