| 12345678910111213141516171819202122232425262728293031323334353637 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" >
- <title>yyyy</title>
- </head>
- <body>
- <style>
- #app{
- margin: 30vw auto;
- position: relative;
- }
- img{
- display: block;
- width: 80vw;
- margin: auto;
- }
- .head-img {
- position: absolute;
- left: 50%;
- top: 50%;
- transform: translate(-50%, -50%);
- height: 16vw;
- width: 16vw;
- margin: 0;
- pointer-events: none;
- }
- </style>
- <div id="app">
- <img src="https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=gQG97zwAAAAAAAAAAS5odHRwOi8vd2VpeGluLnFxLmNvbS9xLzAyZlBVZE5naW5la2wxT3kyb3hxY3oAAgSidbBaAwQAjScA">
- <img class="head-img" src="http://wx.qlogo.cn/mmopen/9IrH44LzZKEVQaEBXT5kZKwFJuibfGdAhUnWpERHyQ9fsUUbZVIcJVp6RZDWfjvmUYGmJz7RBmczQ9yibmhc2b571JkmvELic8ia/0">
- </div>
- </body>
- </html>
|
