学习Hbuilder x
昵称
1000
+
<view class="flex bg-info rounded-circle" style="width: 300rpx;background-color: rgba(0, 0, 0,.4);">
<scroll-view scroll-x="true" class="flex-1 flex">
<view class="p" style="" v-for="i in 15":key="i">
<image src="../../static/2.jpg" style="width: 65rpx;height:65rpx;" class="rounded-circle"></image>
</view>
</scroll-view>
<view class="p">
<view class="rounded-circle flex align-center justify-center bg-primary" style="width: 65rpx;height: 65rpx;">
<text class="text-white font-sm">1000</text>
</view>
</view>
</view>
</view>
<!-- 金币展示区 -->
<view class=" px-1 my-1" style="height:80rpx;">
<view class="flex rounded-circle"style="width: 325rpx; height: 80rpx; background-color: rgba(0, 0, 0,.4);">
<view class="p flex align-center">
<text class="text-warning">金币</text>
</view>
<view class="flex-1 flex flex-column justify-center">
<text class="text-white font-sm">1000</text>
</view>
</view>
</view>
<!-- 礼物展示区 -->
<FGift></FGift>
<!-- <view style="height:500rpx;">
<scroll-view scroll-y="true" class="" style="width:520rpx;height:500rpx;">
<view class="flex align-center px-2">
<view class="flex rounded-circle" style="width: 325rpx; background:linear-gradient(to right, #9fe1fa, #f4edc9);">
<view class="p">
<image src="../../static/2.jpg" class="flex rounded-circle" style="width: 70rpx;height: 70rpx;" mode=""></image>
</view>
<view class="flex-1 flex flex-column justify-center" >
<text class="text-white font">昵称</text>
<text class="text-white font-sm">皇冠</text>
</view>
<view class="p">
<image src="/static/git/1.png" style="width: 70rpx;height: 70rpx;" class="flex rounded-circle" mode=""></image>
</view>
</view>
<text class="text-warning font-lg ml-1">×10</text>
</view>
</scroll-view>
</view> -->
</view>
<!-- 弹幕 -->
<view class="bg-warning" style="position:fixed;bottom:120rpx;left:0;right:0;width:520rpx;height:480rpx;"></view>
<!-- 底部 -->
<view class="bg-danger" style="position:fixed;left:0;bottom:0;right: 0;height:120rpx;"></view>
</view>
.page{
flex:1;
}