- 扫一扫
- iphone版下载
- 扫一扫
- Andriod
联系方式
Contact information
北京公司
www.x.com
010-872
```北京市朝阳区
css:
/* 关注我们 */ #aboutUs .us { text-align: center; margin-top: 5rem; } #aboutUs .us h3 { font-size: 2.5rem; font-family: PingFangSC-Medium; font-weight: bold; color: #2e2e2e; } #aboutUs .us h5 { font-size: 1.5rem; font-family: PingFangSC-Regular; font-weight: 400; color: #a4a4a4; line-height: 2rem; } /* 扫码下载 */ #aboutUs .ERMA { display: flex; flex-direction: row; padding: 2.5rem 0 5rem 0; } #aboutUs .ERMA .left, #aboutUs .ERMA .right { width: 50%; text-align: center; font-size: 1.4rem; font-family: PingFangSC-Regular; font-weight: 400; color: #2e2e2e; line-height: 2rem; } #aboutUs .ERMA li img { width: 10rem; height: 10rem; } /* 联系信息 */ #aboutUs .information { width: 100%; height: 23rem; background: url("../../../assets/ios/aboutUs/information.png") no-repeat; background-size: 100%; color: #fff; font-family: PingFangSC-Medium; font-weight: 500; } #aboutUs .information .title { padding: 4rem 0 3rem 0; text-align: center; } #aboutUs .information .title h3 { font-size: 2.2rem; font-weight: 400; } #aboutUs .information .title h5 { font-size: 1.3rem; font-weight: 400; } #aboutUs .information .cont { padding: 0 2rem 0 2rem; font-size: 1.3rem; font-family: PingFangSC-Medium; font-weight: 500; } #aboutUs .information .cont img { width: 2.5rem; height: 2.5rem; vertical-align: bottom; } #aboutUs .information .cont .two li { width: 48%; display: inline-block; } #aboutUs .information .cont .two li span { display: inline-block; }
js:
<script> export default { data() { return { name: "展开", hide: true }; }, methods: { show() { if (this.hide) { this.name = "收起"; } else { this.name = "展开"; } this.hide = !this.hide; } } }; </script>
5. a标签 超链接的写法:
菜鸟教程
data: {
url: ‘http://www.runoob.com’
}在这里 href 是参数,告知 v-bind 指令将该元素的 href 属性与表达式 url 的值绑定。
另一个例子是 v-on 指令,它用于监听 DOM 事件:
<a v-on:click="doSomething">
打开全栈工匠技能包-1小时轻松掌握SSR
两小时精通jq+bs插件开发
生产环境下如歌部署Node.js
网易内部VUE自定义插件库NPM集成
谁说前端不用懂安全,XSS跨站脚本的危害
webpack的loader到底是什么样的?两小时带你写一个自己loader