vue+css布局手机端移动端交友社交app首页效果代码
代码语言:html
所属分类:布局界面
代码描述:vue+css布局手机端移动端交友社交app首页效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>首页</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/swiper.5.3.8.css"> <style> @font-face { font-family: "iconfont"; /* Project id 2754682 */ src: url('data:application/octet-stream;base64,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') format('woff2'), url('') format('woff'), url('') format('truetype'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-weixin:before { content: "\e631"; } .........完整代码请登录后点击上方下载按钮下载查看
网友评论0