quasar+vue图片视频文字视觉差异滚动效果代码

代码语言:html

所属分类:视觉差异

代码描述:quasar+vue图片视频文字视觉差异滚动效果代码

代码标签: quasar vue 图片 视频 文字 视觉 差异 滚动

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  
  
  <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons'>
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/quasar.prod.css">
  

</head>

<body>

<div id="q-app" >
  <div class="q-pa-md q-gutter-md">
    <div class="row justify-between">

    <q-parallax
      src="//repo.bfw.wiki/bfwrepo/image/6351f7d45da88.png"
    >
      <h1 class="text-white">Basic</h1>
    </q-parallax>
    <q-parallax :height="150">
      <template v-slot:media>
        <video width="720" height="440" poster="//repo.bfw.wiki/bfwrepo/image/61ac6310a18c5.png" autoplay loop muted>
        
          <source type="video/mp4" src="//repo.bfw.wiki/bfwrepo/.........完整代码请登录后点击上方下载按钮下载查看

网友评论0