view:

            <!-- 悬浮框 -->
<view class="v-fixed-title1">
<view class="v-fixed-ic">
<uni-icons size="6" class="v-fixed-icon" type="chatbubble" color="#ffffff">
</uni-icons> <uni-icons size="3" class="v-fixed-icon" type="closeempty" color="#ffffff">
</uni-icons>
</view>
<view class="v-fixed-text">参会人</view>
</view>
<view class="v-fixed-title2">
<view class="v-fixed-ic">
<uni-icons size="6" class="v-fixed-icon" type="compose" color="#ffffff">
</uni-icons>
<uni-icons size="3" class="v-fixed-icon" type="closeempty" color="#ffffff">
</uni-icons>
</view>
<view class="v-fixed-text">签&nbsp;&nbsp;到</view>
</view>

css:

    .v-fixed-title1 {
position: fixed;
top: 30%;
left: 15rpx;
width: 130rpx;
border-radius: 15rpx;
display: flex;
flex-direction: column;
background-color: #8B3E2F;
padding-left: 15rpx;
} .v-fixed-title2 {
position: fixed;
top: 43%;
left: 15rpx;
display: flex;
padding-left: 15rpx;
border-radius: 15rpx;
width: 130rpx;
/*设置容器内部容器的排列方向*/
flex-direction: column;
background-color: #8B3E2F;
} .v-fixed-ic {
display: flex;
flex-direction: row;
} .v-fixed-text {
font-size: 28rpx;
color: #FFFFFF;
}

效果:

最新文章

  1. JS传参中文乱码
  2. 从零开始学Python04作业思路:模拟ATM电子银行
  3. js关于函数调用
  4. Why one-norm is an agreeable alternative for zero-norm?
  5. linux系统io的copy
  6. Oracle 包(Package)
  7. POJ-1273 Drainage Ditches 最大流Dinic
  8. NAT学习笔记
  9. String.Format格式说明(转)
  10. struts2的@Result annotation 如何添加params
  11. CAS Tomcat实现单点登录
  12. 逗号分隔字符串转换为一张表--解决查询in(逗号分隔字符串)出错问题
  13. clientX/Y,pageX/Y,offsetX/Y,layerX/Y,screenX/Y ,offsetTop,offsetLeft 详解
  14. POJ2063 Investment 【全然背包】
  15. PHP新手必须掌握的入门与实战技巧
  16. hdu 1072 广搜
  17. 20165230 2017-2018-2 《Java程序设计》第3周学习总结
  18. ubuntu 16.04 主题美化及终端美化
  19. 2 第一个Django应用 第1部分(数据库与模型)
  20. poj3114 Contries in War (tarjan+dijkstra)

热门文章

  1. gdb调试多线程多进程
  2. Python socket 编程实验
  3. Flink-cdc实时读postgresql
  4. 友盟umeng消息推送直接复制就能用(纯干货)
  5. GO学习-(17) Go语言基础之反射
  6. celery异步任务体系笔记
  7. MySQL 三万字精华总结
  8. GO语言面向对象05---接口的多态
  9. Python+Selenium学习笔记9 - 警告框处理
  10. springboot 非端口模式启动