本文章介绍的是使用H5前端开发一款移动端应用,该应用界面仿照了抖音软件,本页面目前简单实现了图片上传功能。后续有时间将陆续实现功能,源码已打包,有兴趣的可以下载看看,成品如下图:
html代码:
<html> <head> <meta charset="utf-8"> <title>视频APPtitle> <meta name="referrer" content="no-referrer" /> <script src="js/vue.js" type="text/javascript" charset="utf-8">script> <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.0/axios.min.js">script> <link rel="stylesheet" href="css/index.css" /> head> <body> <div id="app"> <div class="main"> <div class="content" v-for="get in list"> <img :src="get.path" /> <div class="message"> <img src="img/WIN_20200721_13_50_15_Pro.jpg" /> <span>张三span> div> div> div> <div class="nav"> <div class="live">直播div> <div class="same-city">同城div> <div class="follow"