pangdongxu
/
official_website
1
0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
浏览代码

前端修改

master
庞东旭 4 年前
父节点
da664f1cb8
当前提交
563fbb061c
共有 3 个文件被更改，包括 196 次插入 和 1 次删除
分列视图
Diff 选项
显示统计 下载 Patch 文件 下载 Diff 文件
  1. +19
    -1
      static/js/project/index.js
  2. +36
    -0
      static/js/project/user/index.js
  3. +141
    -0
      view/user/user.html

+ 19
- 1
static/js/project/index.js 查看文件

@@ -137,13 +137,15 @@ define(['jquery', "template", "Tools", "echarts", 'swiper'], function ($, templa
//查询挂牌项目浏览总次数
tools.doGet(announcementList + '/0/4', {}, module.announcementList);


//查询挂牌项目浏览总次数
tools.doGet(biddingHallList + '/0/10', {}, module.biddingHallList);

//竞价大厅-滚动
module.hallRolling();

//用户资料鼠标悬浮
module.userHover();

// 柱状图绘制
var chartDom = document.getElementById('chart');
var myChart = echarts.init(chartDom);
@@ -173,6 +175,7 @@ define(['jquery', "template", "Tools", "echarts", 'swiper'], function ($, templa

}
}

//新闻资讯数据
module.NewsInformation = function (data) {
if (data.code == 200) {
@@ -371,5 +374,20 @@ define(['jquery', "template", "Tools", "echarts", 'swiper'], function ($, templa
document.getElementById(type).style.display = 'inline-table';
}

//用户资料鼠标悬浮
module.userHover = function () {
document.getElementById('userName').onmouseover = function(){
document.getElementById('headHover').style.display = 'block';
};
document.getElementById('headHover').onmouseover = function(){
document.getElementById('headHover').style.display = 'block';
};
document.getElementById('userName').onmouseout = function(){
document.getElementById('headHover').style.display = 'none';
};
document.getElementById('headHover').onmouseout = function(){
document.getElementById('headHover').style.display = 'none';
};
}
return module;
});

+ 36
- 0
static/js/project/user/index.js 查看文件

@@ -0,0 +1,36 @@
/**
* Created by Administrator on 2021/4/5.
*/
define(['jquery', "template", "Tools", "echarts", 'swiper'], function ($, template, Tools, echarts, swiper) {
//数据存储
var module = {
data: {

},
};
var tools = new Tools();

module.init = function (page) {

//用户资料鼠标悬浮
module.userHover();

};

//用户资料鼠标悬浮
module.userHover = function () {
document.getElementById('userName').onmouseover = function(){
document.getElementById('headHover').style.display = 'block';
};
document.getElementById('headHover').onmouseover = function(){
document.getElementById('headHover').style.display = 'block';
};
document.getElementById('userName').onmouseout = function(){
document.getElementById('headHover').style.display = 'none';
};
document.getElementById('headHover').onmouseout = function(){
document.getElementById('headHover').style.display = 'none';
};
}
return module;
});

+ 141
- 0
view/user/user.html 查看文件

@@ -0,0 +1,141 @@
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="zh-CN" xml:lang="zh-CN">

<head>
<meta charset="utf-8">
<title>农燊高科-新闻列表</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="" />
<meta name="description" cxontent="" />
<link href="../../static/css/main.css" rel="stylesheet" type="text/css" />
<link href="../../static/css/index.css" rel="stylesheet" type="text/css" />
<link href="../../static/css/new/new.css" rel="stylesheet" type="text/css" />
<link href="../../static/css/iconfont.css" rel="stylesheet" type="text/css" />
<link href="https://at.alicdn.com/t/font_426541_j8s6z8ejoo.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="main" id="page">
<!--顶部Title -->
<div class="bg-f7 txc">
<div class="w-1200 flex_dom flex_item_between flex_item_mid topDress">
<p class="topTit">Hi,欢迎来到农村产权交易中心</p>
<div class="flex_dom flex_item_end">
<el-select v-model="cityValue" placeholder="请选择">
<el-option-group v-for="group in options" :key="group.label" :label="group.label">
<el-option v-for="item in group.options" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</el-option-group>
</el-select>
<p class="topTit02">返回主站</p>
</div>
</div>
</div>
<!--LOGO search -->
<div class="logoSearch w-1200">
<div class="wid50 logoSearch-div fl">
<img src="../../static/images/logo.png" class="fl" alt="左云县农村产权交易网" />
<h1 class="fl" id="webConfigName">左云县农村产权交易网</h1>
<div class="clear"></div>
</div>
<div class="wid50 logoSearch-div fr">
<div class="searchDiv fl">
<input type="text" placeholder="请输入关键词搜索" class="searchClass" />
<input type="button" value="搜索" class="searchButton" />
</div>
<div class="fr">
<img src="../../static/images/user_tips.png" class="block fl m-r-10" style="margin-top: 21px" alt=""/>
<img src="../../static/images/member.png" class="block fl m-r-10" style="margin-top: 21px" alt=""/>
<p class="fl userName" id="userName">Sherry</p>
<div class="clear"></div>
</div>
<div class="headHover" id="headHover" style="display: none;">
<ul>
<li>
<p>Sherry</p>
</li>
<li class="m-t-5">
<img src="../../static/images/user_icon1.png" class="fl" alt=""/>
<p class="fl">我的资料</p>
<div class="clear"></div>
</li>
<li>
<img src="../../static/images/user_icon2.png" class="fl" alt=""/>
<p class="fl">我的供求</p>
<div class="clear"></div>
</li>
<li>
<img src="../../static/images/user_icon3.png" class="fl" alt=""/>
<p class="fl">我的咨询</p>
<div class="clear"></div>
</li>
<li class="m-b-5">
<img src="../../static/images/user_icon4.png" class="fl" alt=""/>
<p class="fl">我的竞价</p>
<div class="clear"></div>
</li>
<li>
<img src="../../static/images/user_icon5.png" class="fl" alt=""/>
<p class="fl">退出登录</p>
<div class="clear"></div>
</li>
</ul>
</div>
<!-- <div class="fr">-->
<!-- <a href="javascript:void(0)">请登录</a>-->
<!-- <a href="javascript:void(0)">免费注册</a>-->
<!-- </div>-->
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>

<!--顶部导航栏 -->
<div class="top">
<ul class="container w-1200">
<li><a href="../../index.html">首页</a></li>
<li><a href="../listingItems/itemsList.html">挂牌项目</a></li>
<li><a href="javascript:void(0)">竞价大厅</a></li>
<li><a href="javascript:void(0)">项目公告</a></li>
<li><a href="javascript:void(0)">个人供求</a></li>
<li><a href="javascript:void(0)">新闻资讯</a></li>
<li><a href="javascript:void(0)">政策法规</a></li>
<li><a href="javascript:void(0)">互动交流</a></li>
</ul>
</div>
<div class="w-1200">

</div>
<!--底部链接 -->
<div class="bottomLink">
<div class="w-1200">
<div class="w-1000 fl">
<p class="bottomLink-tit"><i class="el-icon-link"></i>友情链接</p>
<script id="friendsLinksData" type="text/html">
{{each friendsLinksList as value i}}
<a href="{{value.url}}" target="_blank">{{value.name}}</a>
{{/each}}
</script>
<div class="bottomLink-linkList" id="friendsLinksContent"></div>
<p class="ba" id="webConfigRecord">
鲁公网安备<span>12011502000077号</span><span>京ICP备 17061038号-1</span>
</p>
<p class="ba" id="webConfigAddress">
左云县农村产权交易网<span>联系地址：北京紫竹书院技术基地</span><span>联系电话：400-060-123</span>
</p>
</div>
<div class="ewm fr">
<img src="../../static/images/ewm.jpg" width="110" height="110" alt="" />
<p class="ewmtit">关注公众号 了解详情</p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</body>
<script src="../../static/js/common/require.js" data-main="../../static/js/common/main.js?t=101" id="require-page"
target-module="../../static/js/project/user/index.js" defer type="text/javascript"></script>
</html>

撰写 预览
正在加载...
取消
保存