molong/coloruicss
1
0
Fork 0
mirror of https://github.com/weilanwl/coloruicss.git synced 2026-03-12 19:04:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

v2.1.2

Browse Source
This commit is contained in:
Weilanwl
2019-03-28 23:54:51 +08:00
parent d4c5eec751
commit 2e6fa65afa
16 changed files with 403 additions and 380 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
Colorui-UniApp/pages/basics/background.vue
View File

@@ -1,6 +1,9 @@
<template>
<view>
<cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">背景</block></cu-custom>
<cu-custom bgColor="bg-gradual-blue" :isBack="true">
<block slot="backText">返回</block>
<block slot="content">背景</block>
</cu-custom>
<view class="cu-bar bg-white solid-bottom">
<view class="action">
<text class='icon-title text-blue'></text>深色背景
@@ -75,7 +78,7 @@
<text class="icon-title text-blue"></text>图片背景
</view>
</view>
<view class="bg-img bg-mask flex align-center" style="background-image: url('https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg');height: 414rpx;">
<view class="bg-img bg-mask flex align-center" style="background-image: url('https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg');height: 414upx;">
<view class="padding-xl text-white">
<view class="padding-xs text-xxl text-bold">
钢铁之翼
@@ -91,7 +94,7 @@
<text class="icon-title text-blue"></text>视频背景
</view>
</view>
<view class="bg-video bg-mask flex align-center" style="height: 422rpx;">
<view class="bg-video bg-mask flex align-center" style="height: 422upx;">
<video src="https://yz.lol.qq.com/v1/assets/videos/aatrox-splashvideo.webm" autoplay loop muted :show-play-btn="false"
:controls="false" objectFit="cover"></video>
<cover-view class="padding-xl text-white ">
@@ -110,16 +113,16 @@
</view>
</view>
<view class="grid col-2">
<view class="bg-img padding-bottom-xl" style="background-image: url('https://ossweb-img.qq.com/images/lol/web201310/skin/big10007.jpg');height: 207rpx;">
<view class="bg-shadeTop padding padding-bottom-xl">
上面开始
</view>
<view class="bg-img padding-bottom-xl" style="background-image: url('https://ossweb-img.qq.com/images/lol/web201310/skin/big10007.jpg');height: 207upx;">
<view class="bg-shadeTop padding padding-bottom-xl">
上面开始
</view>
<view class="bg-img padding-top-xl flex align-end" style="background-image: url('https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg');height: 207rpx;">
<view class="bg-shadeBottom padding padding-top-xl flex-sub">
下面开始
</view>
</view>
<view class="bg-img padding-top-xl flex align-end" style="background-image: url('https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg');height: 207upx;">
<view class="bg-shadeBottom padding padding-top-xl flex-sub">
下面开始
</view>
</view>
</view>
</view>
</template>