简单的elment个人信息修改页面

最新推荐文章于 2022-11-03 18:19:45 发布

抱书欲眠

最新推荐文章于 2022-11-03 18:19:45 发布

阅读量3.3k

点赞数 1

文章标签： html css js

本文链接：https://blog.csdn.net/weixin_47473788/article/details/105849323

版权

简单的elment个人信息修改页面

下面展示一些 内联代码片。

// A code block
var foo = 'bar';

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="./js/vue.js"></script> <!--在上 
	  <!--引入 element-ui 的样式，-->
	    <link rel="stylesheet" href="./css/elment.css">
	    <!-- 必须先引入vue，  后使用element-ui -->
	    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>
	    <!-- 引入element 的组件库-->
	    <script src="./js/elment.js"></script>
</head>
<body>
<div>
    <div id="app">
             <div class="left">
               <img class="titleImg" src="image/png-10.png" />
               <div v-for="(item,index) in data">
                 <div style="margin-top: 50px">
                   <img class="task" :src="item.src">
                   <p class="taskWord">{
   {
   item.word}}</p>
                 </div>
               </div>
         
         
             </div>
             <div class="right">
               <div class="title">
				   <img class="layout userImg" src="./image/userImg.jpg">
				                
				   <p class="layout">退出</p>
                 <img class="layout img" src="./image/png-8 (4).png">
                 <p class="layout">消息</p>
                 <img class="layout img" src="./image/png-8 (1).png">

                 <p class="layout">切换账号</p>