登录页面

apps/Home/urls.py

@@ -1,14 +1,16 @@
 from django.conf.urls import url
 from django.views.static import serve
-from apps.Home.views import Home_Test,Home,Login_View,Modify_Head ,User_Img,User_News,User_Land,User_Check
+from apps.Home.views import Home_Test,Home,Home2,Login_View,Login2_View,Modify_Head ,User_Img,User_News,User_Land,User_Check
 
 app_name = 'Home'
 
 urlpatterns = [
     url(r'^home_test$', Home_Test.as_view(), name='home_test'),
     url(r'^home$', Home.as_view(), name='home'),
+    url(r'^home2$', Home2.as_view(), name='home2'),
     url(r'^$', Home.as_view(), name='home'),
     url(r'^login$',Login_View.as_view(), name='login'),
+    url(r'^login2$',Login2_View.as_view(), name='login2'),
     url(r'^modify_head$',Modify_Head.as_view(), name='modify_head'),
     url(r'^user_img$',User_Img.as_view(), name='user_img'),
     url(r'^user_news$',User_News.as_view(), name='user_news'),#新建用户

apps/Home/views.py

@@ -111,7 +111,13 @@ class Login_View(View):
                         elif returnUrl != "":
                             print("returnUrl is not empty")
                             return render(request, 'outerNet/index.html')
+# 用户登录2
+class Login2_View(View):
+    def get(self, request):
+        return render(request, 'outerNet/login2.html', context={})
 
+    def post(self, request):
+        pass
 
 # 外网首页
 class Home(View):
@@ -133,7 +139,33 @@ class Home(View):
         else:
             curr_user = ""
         return render(request, 'outerNet/index.html', context={"user_news": user_news,"zero_news": zero_news, "one_news": one_news,
-                                                               "two_news": two_news, "video_news": video_news,"user":user,
+                                                               "two_news": two_news, "video_news": video_news,"hotel":user,
+                                                               "product": product, "pick": pick, "farm": farm, "curr_user": curr_user})
+
+    def post(self, request):
+        pass
+
+# 外网首页2
+class Home2(View):
+    def get(self, request):
+        user_news = CKArticle.objects.filter(art_type=5)[0:10]
+        zero_news = CKArticle.objects.filter(art_type=0)[0:10]
+        one_news = CKArticle.objects.filter(art_type=1)[0:10]
+        two_news = CKArticle.objects.filter(art_type=2)[0:10]
+        video_news = Video_data.objects.all()[0:4]
+        product = Product.objects.all()[0:8]
+        pick = Pick_Pub.objects.all()[0:6]
+        farm = FarmList.objects.all()[0:6]
+        user = Hotel_Info.objects.all()[0:5]
+        if request.user.is_authenticated():
+            user_name = request.user.username
+            curr_user = MyUser.objects.get(username=user_name)
+            print('user_name=', user_name)
+            print('user=', curr_user.username)
+        else:
+            curr_user = ""
+        return render(request, 'outerNet/index2.html', context={"user_news": user_news,"zero_news": zero_news, "one_news": one_news,
+                                                               "two_news": two_news, "video_news": video_news,"hotel":user,
                                                                "product": product, "pick": pick, "farm": farm, "curr_user": curr_user})
 
     def post(self, request):

second_pro/settings.py

@@ -29,7 +29,7 @@ DEBUG = True
 ALLOWED_HOSTS = ['127.0.0.1', 'localhost', 
                 '120.27.222.26','.yfzhwlw.com','.zgzhwlw.com','iot.hnyfkj.cn',
                 '39.104.94.153', '.yfznscd.com',
-                '192.168.1.2'#手机app开发用端口
+                '192.168.1.8'#手机app开发用端口
                 ]
 
 

templates/outerNet/index.html

@@ -42,6 +42,7 @@
     <div class="header">
         <div class="headerTxt">
             <div class="wrapper">
+                <a href="home2" style="float: right;color: #fff;">切换首页</a>
                 <p class="logoNameCn">休闲农业旅游网</p>
                 <p class="logoNameEn">Leisure agricultural tourism network</p>
             </div>
@@ -619,6 +620,8 @@
                     <!-- Swiper -->
                     <div class="swiper-container homestay">
                         <div class="swiper-wrapper">
+                            -------------
+                            {{hotel}}
                             {% if hotel|length %} {% for hotelItem in hotel %}
                             <div class="swiper-slide">
                                 <div class="hotelDetial">

templates/outerNet/index2.html

@@ -0,0 +1,889 @@
+{% load staticfiles %}
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>休闲农业旅游网</title>
+    <link rel="stylesheet" href="{% static '/lib/css/swiper.min.css' %}">
+    <link rel="stylesheet" href="{% static '/lib/font/fontIcon/iconfont.css' %}">
+    <link rel="stylesheet" href="{% static '/lib/font-awesome/4.5.0/css/font-awesome.css' %}">
+    <!-- <link rel="stylesheet" href="{% static '/lib/css/video-js.min.css' %}"> -->
+    <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css">
+    <link rel="stylesheet" href="{% static '/lib/css/reset.css' %}">
+    <link rel="stylesheet" href="{% static '/css/common.css' %}">
+    <link rel="stylesheet" href="{% static '/css/header.css' %}">
+    <link rel="stylesheet" href="{% static '/css/index2.css' %}">
+</head>
+
+<body>
+    <div class="header">
+        <div class="headerTop wrapper">
+            <!-- <div class="wrapper">
+                <a href="home" style="float: right;color: #fff;">切换首页</a>
+                <p class="logoNameCn">休闲农业旅游网</p>
+                <p class="logoNameEn">Leisure agricultural tourism network</p>
+            </div> -->
+            <div class="logoTxt">
+                <a href="">
+                   <h1>休闲农业旅游网</h1>
+                    <p>www.XXNYLY.CN</p> 
+                </a>
+            </div>
+            <div class="LocateCover">
+                <div class="currCity">
+                    <span>全国</span>
+                    <i class="fa fa-map-marker" aria-hidden="true"></i>
+                </div>
+                <div class="selectCityCover">
+                    <ul>
+                        <li>河南</li>
+                        <li>河南</li>
+                        <li>河南</li>
+                        <li>河南</li>
+                    </ul>
+                </div>
+            </div>
+            <div class="searchCover">
+                <div class="searchBoxBj">
+                    <input type="text" placeholder="请输入农庄名称">
+                    <button>搜索</button>
+                </div>
+            </div>
+            <div class="loginCover">
+                <a href="login2" target="_blank">登录</a>
+                <a href="" target="_blank">注册</a>
+            </div>
+        </div>
+        <!-- 轮播 -->
+        <div class="sliderBox advImg">
+            <div class="swiper-container banner">
+                <div class="swiper-wrapper">
+                    <div class="swiper-slide slider1"></div>
+                    <div class="swiper-slide slider2"></div>
+                    <div class="swiper-slide slider3"></div>
+                </div>
+                <div class="swiper-pagination"></div>
+            </div>
+        </div>
+    </div>
+    <!-- 主体部分 -->
+    <div class="content">
+        <div class="wrapper">
+            <!-- 示范区 -->
+            <div>
+                <div class="caption">
+                    <span class="chinese">示范区推荐</span>
+                    <span class="english">MODEL DISTRICT RECOMMEND</span>
+                </div>
+                <div class="content1">
+                    <div class="excellentFarm">
+                        <div class="farms">
+                            <div class="farmsTop">
+                                <div class="title">
+                                    <div class="orangTitle">优秀示范点</div>
+                                </div>
+                                <div class="ctrlBtn">
+                                    <button><i class="fa fa-angle-left" aria-hidden="true"></i></button>
+                                    <button><i class="fa fa-angle-right" aria-hidden="true"></i></button>
+                                </div>
+                            </div>
+                            <div class="farmsbottom">
+                                <div class="farmImg">
+                                    <img src="{% static 'imgs/1.jpg'%}" width="100%" height="100%" alt="">
+                                    <img class="hotIcon" src="{% static 'imgs/2.png'%}" alt="">
+                                    <div class="masking">
+                                        <div>示范区展示</div>
+                                        <div>从事农业生产或畜牧养殖行业</div>
+                                        <div>经营各种农产品和畜牧产品</div>
+                                    </div>
+                                </div>
+                                <div class="farmIntroduce">
+                                    <div class="farmsSwiper">
+                                        <ul class="farmsUl">
+                                            <li class="farm-item">
+                                                <img src="http://www.nzlyw.com/file/upload/202007/15/093517211.jpg" alt="">
+                                                <div class="news-item-txt">
+                                                    <div class="title">
+                                                        <h1>
+                                                            <a href="" target="_blank">吉林省举办,旅游体育消费年吉林省举办旅游体育。消费年吉林省举办旅游体育消费年”吉林省举办“旅游体育消费年”</a>
+                                                        </h1>
+                                                    </div>
+                                                    <div class="desc">
+                                                        央广网长春7月3日消息（记者刘源源）“吉林旅游体育消费年”近日启动。将陆续陆续陆续陆续陆续陆续陆续陆续陆续陆续推出“周”游吉林主题活动，打造一批优质自质自质自驾游、生态游、健康游线路，包括吉林东线游长白山、西线游查干湖等经典线路。还新推出了“...
+                                                    </div>
+                                                </div>
+                                            </li>
+                                            <li class="farm-item">
+                                                <img src="http://www.nzlyw.com/file/upload/202007/16/161349721.jpg" alt="">
+                                                <div class="news-item-txt">
+                                                    <div class="title">
+                                                        <a href="" target="_blank">打工皇帝更换你的</a>
+                                                    </div>
+                                                    <div class="desc">
+                                                        央广网长春7月3日消息（记者刘源源）“吉林旅游体育消费年”近日启动。将陆续推出“周”游吉林主题活动，打造一批优质自驾游、生态游、健康游线路，包括吉林东线游长白山、西线游查干湖等经典线路。还新推出了“...
+                                                    </div>
+                                                </div>
+                                            </li>
+                                            <li class="farm-item">
+                                                <img src="http://www.nzlyw.com/file/upload/202007/15/093857151.jpg" alt="">
+                                                <div class="news-item-txt">
+                                                    <div class="title">
+                                                        <a href="" target="_blank">那个号码规范</a>
+                                                    </div>
+                                                    <div class="desc">
+                                                        央广网长春7月3日消息（记者刘源源）“吉林旅游体育消费年”近日启动。将陆续推出“周”游吉林主题活动，打造一批优质自驾游、生态游、健康游线路，包括吉林东线游长白山、西线游查干湖等经典线路。还新推出了“...
+                                                    </div>
+                                                </div>
+                                            </li>
+                                            <li class="farm-item">
+                                                <img src="http://www.nzlyw.com/file/upload/202007/15/101622551.jpg" alt="">
+                                                <div class="news-item-txt">
+                                                    <div class="title">
+                                                        <a href="" target="_blank">森岛帆高森岛帆高</a>
+                                                    </div>
+                                                    <div class="desc">
+                                                        央广网长春7月3日消息（记者刘源源）“吉林旅游体育消费年”近日启动。将陆续推出“周”游吉林主题活动，打造一批优质自驾游、生态游、健康游线路，包括吉林东线游长白山、西线游查干湖等经典线路。还新推出了“...
+                                                    </div>
+                                                </div>
+                                            </li>
+                                            <li class="farm-item">
+                                                <img src="http://www.nzlyw.com/file/upload/202007/23/134836301.jpg" alt="">
+                                                <div class="news-item-txt">
+                                                    <div class="title">
+                                                        <a href="" target="_blank">是个很划算的发生大幅度发</a>
+                                                    </div>
+                                                    <div class="desc">
+                                                        央广网长春7月3日消息（记者刘源源）“吉林旅游体育消费年”近日启动。将陆续推出“周”游吉林主题活动，打造一批优质自驾游、生态游、健康游线路，包括吉林东线游长白山、西线游查干湖等经典线路。还新推出了“...
+                                                    </div>
+                                                </div>
+                                            </li>
+                                            <li class="farm-item">
+                                                <img src="http://www.nzlyw.com/file/upload/202007/28/091646681.jpg" alt="">
+                                                <div class="news-item-txt">
+                                                    <div class="title">
+                                                        <a href="" target="_blank">VN南大光电电饭锅时代光华的复合管</a>
+                                                    </div>
+                                                    <div class="desc">
+                                                        央广网长春7月3日消息（记者刘源源）“吉林旅游体育消费年”近日启动。将陆续推出“周”游吉林主题活动，打造一批优质自驾游、生态游、健康游线路，包括吉林东线游长白山、西线游查干湖等经典线路。还新推出了“...
+                                                    </div>
+                                                </div>
+                                            </li>
+                                            <li class="farm-item">
+                                                <img src="http://www.nzlyw.com/file/upload/202007/27/154331831.jpg" alt="">
+                                                <div class="news-item-txt">
+                                                    <div class="title">
+                                                        <a href="" target="_blank">电饭锅森岛帆高八十多分公司的风格吧</a>
+                                                    </div>
+                                                    <div class="desc">
+                                                        央广网长春7月3日消息（记者刘源源）“吉林旅游体育消费年”近日启动。将陆续推出“周”游吉林主题活动，打造一批优质自驾游、生态游、健康游线路，包括吉林东线游长白山、西线游查干湖等经典线路。还新推出了“...
+                                                    </div>
+                                                </div>
+                                            </li>
+                                            <li class="farm-item">
+                                                <img src="http://www.nzlyw.com/file/upload/202006/24/102113281659.jpg" alt="">
+                                                <div class="news-item-txt">
+                                                    <div class="title">
+                                                        <a href="" target="_blank">222222222</a>
+                                                    </div>
+                                                    <div class="desc">
+                                                        央广网长春7月3日消息（记者刘源源）“吉林旅游体育消费年”近日启动。将陆续推出“周”游吉林主题活动，打造一批优质自驾游、生态游、健康游线路，包括吉林东线游长白山、西线游查干湖等经典线路。还新推出了“...
+                                                    </div>
+                                                </div>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div> 
+                            </div>
+                            
+                        </div>
+                    </div>
+                    <div class="news">
+                        <div class="newsTitle">
+                            <span>焦点新闻</span>
+                            <button class="more">更多</button>
+                        </div>
+                        <div class="newsContent">
+                            <ul class="news-txt-list">
+                                <li class="news-txt-item">
+                                    <a href="">田园乡村旅游攻略！一起来个田园乡村旅游吧。</a>
+                                </li>
+                                <li class="news-txt-item">
+                                    <a href="">英吉沙“杏”福路越走越宽</a>
+                                </li>
+                                <li class="news-txt-item">
+                                    <a href="">一起来个田园乡村旅游吧。</a>
+                                </li>
+                                <li class="news-txt-item">
+                                    <a href="">情暖建昌：百年董氏公司助力乡村党建工作</a>
+                                </li>
+                                <li class="news-txt-item">
+                                    <a href="">围绕乡村振兴战略总体要求和全市美丽乡村示范建设行动部署。</a>
+                                </li>
+                                <li class="news-txt-item">
+                                    <a href="">让母猪营养更精准——智能饲喂化解猪场双疫期尴尬</a>
+                                </li>
+                                <li class="news-txt-item">
+                                    <a href="">机场送“杏”福 感恩援疆情</a>
+                                </li>
+                                <li class="news-txt-item">
+                                    <a href="">金银花要怎么种？金银花的种植技术介绍</a>
+                                </li>
+                                <li class="news-txt-item">
+                                    <a href="">脐橙采果后要怎么施肥？脐橙施肥技术</a>
+                                </li>
+                                <li class="news-txt-item">
+                                    <a href="">黄鳝为什么会变性？黄鳝是怎么变性的呢？</a>
+                                </li><li class="news-txt-item">
+                                    <a href="">甘蔗田要怎么施用除草剂除草？甘蔗田除草剂的正确施用方法</a>
+                                </li><li class="news-txt-item">
+                                    <a href="">蛏子怎么养能提高产量？蛏子养殖高产技术</a>
+                                </li>
+                                <li class="news-txt-item">
+                                    <a href="">要怎么给油菜施肥才能增产？油菜施肥介绍</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- 广告区 -->
+            <ul class="adv">
+                <li>
+                    <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/091312201.gif" alt="">
+                </li>
+            </ul>
+            <!-- 四季采摘 -->
+            <div>
+                <div class="caption">
+                    <span class="chinese">四季采摘</span>
+                    <span class="english">MODEL DISTRICT RECOMMEND</span>
+                </div>
+                <div class="pickCover">
+                    <div class="farmPick">
+                        <div class="farmPickTop">
+                            <span class="orangTitle">采购信息</span>
+                            <a href="">更多>></a>
+                        </div>
+                        <div class="farmPickBottom">
+                            <div class="product">
+                                <div class="pickTitle">推荐</div>
+                                <div>
+                                    <ul class="productList">
+                                        <li class="productItem">
+                                            <div>
+                                                <a href="">
+                                                    <img src="http://www.zhopera.com/uploadfile/2020/0629/thumb_264_150_20200629110152202.jpg" alt="">
+                                                </a>
+                                            </div>
+                                            <p><a href="">甘蔗</a></p>
+                                        </li>
+                                        <li class="productItem">
+                                            <div>
+                                                <a href="">
+                                                    <img src="http://www.nzlyw.com/file/upload/202004/30/101216952031.png" alt="">
+                                                </a>
+                                            </div>
+                                            <p><a href="">甘蔗</a></p>
+                                        </li>
+                                        <li class="productItem">
+                                            <div>
+                                                <a href="">
+                                                    <img src="http://www.nzlyw.com/file/upload/201912/11/102405641521.jpg" alt="">
+                                                </a>
+                                            </div>
+                                            <p><a href="">甘蔗</a></p>
+                                        </li>
+                                        <li class="productItem">
+                                            <div>
+                                                <a href="">
+                                                    <img src="http://www.nzlyw.com/file/upload/201911/29/141509191527.jpg" alt="">
+                                                </a>
+                                            </div>
+                                            <p><a href="">甘蔗</a></p>
+                                        </li>
+                                        <li class="productItem">
+                                            <div>
+                                                <a href="">
+                                                    <img src="http://www.zhopera.com/uploadfile/2020/0629/thumb_264_150_20200629110152202.jpg" alt="">
+                                                </a>
+                                            </div>
+                                            <p><a href="">甘蔗</a></p>
+                                        </li>
+                                        <li class="productItem">
+                                            <div>
+                                                <a href="">
+                                                    <img src="http://www.zhopera.com/uploadfile/2020/0629/thumb_264_150_20200629110152202.jpg" alt="">
+                                                </a>
+                                            </div>
+                                            <p><a href="">甘蔗</a></p>
+                                        </li>
+                                        <li class="productItem">
+                                            <div>
+                                                <a href="">
+                                                    <img src="http://www.zhopera.com/uploadfile/2020/0629/thumb_264_150_20200629110152202.jpg" alt="">
+                                                </a>
+                                            </div>
+                                            <p><a href="">甘蔗</a></p>
+                                        </li>
+                                        <li class="productItem">
+                                            <div>
+                                                <a href="">
+                                                    <img src="http://www.zhopera.com/uploadfile/2020/0629/thumb_264_150_20200629110152202.jpg" alt="">
+                                                </a>
+                                            </div>
+                                            <p><a href="">甘蔗</a></p>
+                                        </li>
+                                        <li style="clear:both"></li>
+                                    </ul>
+                                </div>
+                            </div>
+                            <div class="supply">
+                                <div class="pickTitle">排行榜</div>
+                                <ul >
+                                    <li>
+                                        <span class="sort-number sort-number-top">1</span>
+                                        <a href="">农场一农场一农场一农场一农场一农场一农场一农场一农场一农场一农场一农场一</a>
+                                    </li>
+                                    <li>
+                                        <span class="sort-number sort-number-top">2</span>
+                                        <a href="">农场二</a>
+                                    </li>
+                                    <li>
+                                        <span class="sort-number sort-number-top">3</span>
+                                        <a href="">农场三</a>
+                                    </li>
+                                    <li>
+                                        <span class="sort-number">4</span>
+                                        <a href="">农场四</a>
+                                    </li>
+                                    <li>
+                                        <span class="sort-number">5</span>
+                                        <a href="">农场五</a>
+                                    </li>
+                                    <li>
+                                        <span class="sort-number">6</span>
+                                        <a href="">农场五</a>
+                                    </li>
+                                    <li>
+                                        <span class="sort-number">7</span>
+                                        <a href="">农场五</a>
+                                    </li>
+                                    <li>
+                                        <span class="sort-number">8</span>
+                                        <a href="">农场五</a>
+                                    </li>
+
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="farmPickImg">
+                        <img src="{% static 'imgs/pick.jpg'%}" width="100%" alt="">
+                        <div>
+                            <h1>拜城县福源山庄</h1>
+                            <p>欢迎来到烧烤旅游中心</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- 广告区 -->
+            <ul class="adv">
+                <li>
+                    <!-- <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/091500751.gif" alt=""> -->
+                    <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/091549191.gif" alt="">
+                </li>
+            </ul>
+            <!-- 农场导览 -->
+            <div>
+                <div class="caption">
+                    <span class="chinese">农场导览</span>
+                    <span class="english">MODEL DISTRICT RECOMMEND</span>
+                </div>
+                <div>
+                    <div class="hacienda">
+                        <div class="haciendaTop">
+                            <span class="orangTitle">农场详情</span>
+                            <a href="">更多+</a>
+                        </div>
+                        <div class="haciendaBottom">
+                            <ul class="haciendaList">
+                                <li class="haciendaItem">
+                                    <div class="haciendaImg">
+                                        <img class="haciendaImg1" src="{% static 'imgs/1.jpg'%}" alt="">
+                                        <img class="haciendaImg2" src="{% static 'imgs/2.png'%}" alt="">
+                                    </div>
+                                    <div class="haciendaTxt">
+                                        <h2>云飞农场</h2>
+                                        <div class="desc">位于和南沙鞥周三水电费，杀敌欧福布斯后撒粉红色的。阿时候发货萨芬，是大法师。</div>
+                                        <div>
+                                            <button class="btn1">观光路线</button>
+                                            <button class="btn2">导游导览</button>
+                                        </div>
+                                    </div>
+                                </li>
+                                <li class="haciendaItem">
+                                    <div class="haciendaImg">
+                                        <img class="haciendaImg1" src="http://www.xbxxnyggw.cn/file/upload/201901/23/112822951.jpg" alt="">
+                                        <img class="haciendaImg2" src="{% static 'imgs/2.png'%}" alt="">
+                                    </div>
+                                    <div class="haciendaTxt">
+                                        <h2>云飞农场</h2>
+                                        <div class="desc">位于和南沙鞥周三水电费，杀敌欧福布斯后撒粉红色的。阿时候发货萨芬，是大法师。</div>
+                                        <div>
+                                            <button class="btn1">观光路线</button>
+                                            <button class="btn2">导游导览</button>
+                                        </div>
+                                    </div>
+                                </li>
+                                <li class="haciendaItem">
+                                    <div class="haciendaImg">
+                                        <img class="haciendaImg1" src="{% static 'imgs/1.jpg'%}" alt="">
+                                        <img class="haciendaImg2" src="{% static 'imgs/2.png'%}" alt="">
+                                    </div>
+                                    <div class="haciendaTxt">
+                                        <h2>云飞农场</h2>
+                                        <div class="desc">位于和南沙鞥周三水电费，杀敌欧福布斯后撒粉红色的。阿时候发货萨芬，是大法师。</div>
+                                        <div>
+                                            <button class="btn1">观光路线</button>
+                                            <button class="btn2">导游导览</button>
+                                        </div>
+                                    </div>
+                                </li>
+                                <li class="haciendaItem">
+                                    <div class="haciendaImg">
+                                        <img class="haciendaImg1" src="{% static 'imgs/1.jpg'%}" alt="">
+                                        <img class="haciendaImg2" src="{% static 'imgs/2.png'%}" alt="">
+                                    </div>
+                                    <div class="haciendaTxt">
+                                        <h2>云飞农场</h2>
+                                        <div class="desc">位于和南沙鞥周三水电费，杀敌欧福布斯后撒粉红色的。阿时候发货萨芬，是大法师。</div>
+                                        <div>
+                                            <button class="btn1">观光路线</button>
+                                            <button class="btn2">导游导览</button>
+                                        </div>
+                                    </div>
+                                </li>
+                                <li class="haciendaItem">
+                                    <div class="haciendaImg">
+                                        <img class="haciendaImg1" src="{% static 'imgs/1.jpg'%}" alt="">
+                                        <img class="haciendaImg2" src="{% static 'imgs/2.png'%}" alt="">
+                                    </div>
+                                    <div class="haciendaTxt">
+                                        <h2>云飞农场</h2>
+                                        <div class="desc">位于和南沙鞥周三水电费，杀敌欧福布斯后撒粉红色的。阿时候发货萨芬，是大法师。</div>
+                                        <div>
+                                            <button class="btn1">观光路线</button>
+                                            <button class="btn2">导游导览</button>
+                                        </div>
+                                    </div>
+                                </li>
+                                <li class="haciendaItem">
+                                    <div class="haciendaImg">
+                                        <img class="haciendaImg1" src="{% static 'imgs/1.jpg'%}" alt="">
+                                        <img class="haciendaImg2" src="{% static 'imgs/2.png'%}" alt="">
+                                    </div>
+                                    <div class="haciendaTxt">
+                                        <h2>云飞农场</h2>
+                                        <div class="desc">位于和南沙鞥周三水电费，杀敌欧福布斯后撒粉红色的。阿时候发货萨芬，是大法师。</div>
+                                        <div>
+                                            <button class="btn1">观光路线</button>
+                                            <button class="btn2">导游导览</button>
+                                        </div>
+                                    </div>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- 广告区 -->
+            <ul class="adv">
+                <li>
+                    <!-- <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/091549191.gif" alt=""> -->
+                    <img src="http://www.nzlyw.com/file/upload/202004/02/141146881.jpg" alt="">
+                </li>
+            </ul>
+            <!-- 旅游导览 -->
+            <div>
+                <div class="caption">
+                    <span class="chinese">旅游导览</span>
+                    <span class="english">MODEL DISTRICT RECOMMEND</span>
+                </div>
+                <div>
+                    <div class="hacienda">
+                        <div class="haciendaTop">
+                            <span class="orangTitle">旅游导览</span>
+                            <a href="">更多+</a>
+                        </div>
+                        <div class="travelCover">
+                            <div class="haciendaBottom travelLeft">
+                                <ul class="travelList">
+                                    <li class="travelItem">
+                                        <a href="">
+                                            <div class="travelImg">
+                                                <img class="haciendaImg1" src="https://www.cnnyly.com/upload/goods/20200509/9806f6bba92a29186a82d7851221ec552.jpg" alt="">
+                                                <img class="haciendaImg2" src="{% static 'imgs/22.png'%}" alt="">
+                                            </div>
+                                            <div class="travelTitle">
+                                                <h2>景点一</h2>
+                                                <div>位于和南沙鞥周三水电费，杀敌欧福布斯后撒粉红色的。阿时候发货萨芬，是大法师。</div>
+                                            </div>
+                                        </a>
+                                    </li>
+                                    <li class="travelItem">
+                                        <a href="">
+                                            <div class="travelImg">
+                                                <img class="haciendaImg1" src="https://www.cnnyly.com/upload/goods/20200509/d479580b98cbb5872eb53ea8deaac9f02.jpg" alt="">
+                                                <img class="haciendaImg2" src="{% static 'imgs/22.png'%}" alt="">
+                                            </div>
+                                            <div class="travelTitle">
+                                                <h2>景点一</h2>
+                                                <div>位于和南沙鞥周三水电费，杀敌欧福布斯后撒粉红色的。阿时候发货萨芬，是大法师。</div>
+                                            </div>
+                                        </a>
+                                    </li>
+                                    <li class="travelItem">
+                                        <a href="">
+                                            <div class="travelImg">
+                                                <img class="haciendaImg1" src="https://www.cnnyly.com/upload/goods/20200509/c11699a0ed7f41d1f274d519f405cd732.jpg" alt="">
+                                                <img class="haciendaImg2" src="{% static 'imgs/22.png'%}" alt="">
+                                            </div>
+                                            <div class="travelTitle">
+                                                <h2>景点一</h2>
+                                                <div>位于和南沙鞥周三水电费，杀敌欧福布斯后撒粉红色的。阿时候发货萨芬，是大法师。</div>
+                                            </div>
+                                        </a>
+                                    </li>
+                                    <li class="travelItem">
+                                        <a href="">
+                                            <div class="travelImg">
+                                                <img class="haciendaImg1" src="https://www.cnnyly.com/upload/goods/20200509/12ee365ac10570bea7a93425ddb70c7c2.jpg" alt="">
+                                                <img class="haciendaImg2" src="{% static 'imgs/22.png'%}" alt="">
+                                            </div>
+                                            <div class="travelTitle">
+                                                <h2>景点一</h2>
+                                                <div>位于和南沙鞥周三水电费，杀敌欧福布斯后撒粉红色的。阿时候发货萨芬，是大法师。</div>
+                                            </div>
+                                        </a>
+                                    </li>
+                                    <li class="travelItem">
+                                        <a href="">
+                                            <div class="travelImg">
+                                                <img class="haciendaImg1" src="https://www.cnnyly.com/upload/goods/20200509/5cf6855cd95b144258c4441c7cb66a652.jpg" alt="">
+                                                <img class="haciendaImg2" src="{% static 'imgs/22.png'%}" alt="">
+                                            </div>
+                                            <div class="travelTitle">
+                                                <h2>景点一</h2>
+                                                <div>位于和南沙鞥周三水电费，杀敌欧福布斯后撒粉红色的。阿时候发货萨芬，是大法师。</div>
+                                            </div>
+                                        </a>
+                                    </li>
+                                    <li class="travelItem">
+                                        <a href="">
+                                            <div class="travelImg">
+                                                <img class="haciendaImg1" src="https://www.cnnyly.com/upload/goods/20200509/5b17a4b57084a18482f27d3379edf3d72.jpg" alt="">
+                                                <img class="haciendaImg2" src="{% static 'imgs/22.png'%}" alt="">
+                                            </div>
+                                            <div class="travelTitle">
+                                                <h2>景点一</h2>
+                                                <div>位于和南沙鞥周三水电费，杀敌欧福布斯后撒粉红色的。阿时候发货萨芬，是大法师。</div>
+                                            </div>
+                                        </a>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div class="travelRight">
+                                <a href="">
+                                    <div class="travelGuide travelGuide1">
+                                        <img src="{% static 'imgs/travel1.png'%}" alt="">
+                                        <div>
+                                            <div class="guideTag">天气预报</div>
+                                            <p>点击此处查看详情 ></p>
+                                        </div>
+                                    </div>
+                                </a>
+                                <a href="">
+                                    <div class="travelGuide travelGuide2">
+                                        <img src="{% static 'imgs/travel2.png'%}" alt="">
+                                        <div>
+                                            <div class="guideTag">交通出行</div>
+                                            <p>点击此处查看详情 ></p>
+                                        </div>
+                                    </div>
+                                </a>
+                                <a href="">
+                                    <div class="travelGuide travelGuide3">
+                                        <img src="{% static 'imgs/travel3.png'%}" alt="">
+                                        <div>
+                                            <div class="guideTag">美食餐饮</div>
+                                            <p>点击此处查看详情 ></p>
+                                        </div>
+                                    </div>
+                                </a>
+                                <a href="">
+                                    <div class="travelGuide travelGuide4">
+                                        <img src="{% static 'imgs/travel4.png'%}" alt="">
+                                        <div>
+                                            <div class="guideTag">游玩攻略</div>
+                                            <p>点击此处查看详情 ></p>
+                                        </div>
+                                    </div>
+                                </a>
+                            </div>
+                        </div>
+                        
+                    </div>
+                </div>
+            </div>
+            <!-- 广告区 -->
+            <ul class="adv">
+                <li>
+                    <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/091500751.gif" alt="">
+                </li>
+            </ul>
+            <!-- 民宿导览 -->
+            <div>
+                <div class="caption">
+                    <span class="chinese">民宿导览</span>
+                    <span class="english">MODEL DISTRICT RECOMMEND</span>
+                </div>
+                <div class="hotelCover">
+                    <div class="hotHotel">
+                        <div class="title">火爆预定<span>火爆限定中</span></div>
+                        <div>
+                            <ul class="hotHotelList">
+                                <li class="hotHotelItem">
+                                    <a href="">
+                                        <img src="https://www.cnnyly.com/upload/goods/20200509/122cc4b63d1c23b8f54457aa893fc0862.jpg" width="96px" height="80px" alt="">
+                                        <div class="desc">
+                                            <h3>苍龙农庄</h3>
+                                            <div>苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄</div>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li class="hotHotelItem">
+                                    <a href="">
+                                        <img src="https://www.cnnyly.com/upload/goods/20200509/fcb7c51e60507e4ee71757d3d9f585682.jpg" width="96px" height="80px" alt="">
+                                        <div class="desc">
+                                            <h3>苍龙农庄</h3>
+                                            <div>苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄</div>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li class="hotHotelItem">
+                                    <a href="">
+                                        <img src="https://www.cnnyly.com/upload/goods/20200509/39a56227ce0f1e4ceeb092f4ac9c43112.jpg" width="96px" height="80px" alt="">
+                                        <div class="desc">
+                                            <h3>苍龙农庄</h3>
+                                            <div>苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄</div>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li class="hotHotelItem">
+                                    <a href="">
+                                        <img src="http://www.nzlyw.com/file/upload/201910/26/164647211497.jpg" width="96px" height="80px" alt="">
+                                        <div class="desc">
+                                            <h3>苍龙农庄</h3>
+                                            <div>苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄</div>
+                                        </div>
+                                    </a>
+                                </li>
+                                <li class="hotHotelItem">
+                                    <a href="">
+                                        <img src="http://www.nzlyw.com/file/upload/201909/24/161657621488.jpg" width="96px" height="80px" alt="">
+                                        <div class="desc">
+                                            <h3>苍龙农庄</h3>
+                                            <div>苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄苍龙农庄</div>
+                                        </div>
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="recommendHotel">
+                        <div class="titel">
+                            <div>用户推荐</div>
+                            <a href="" class="more">更多+</a>
+                        </div>
+                        <div class="inner">
+                            <ul class="recommendHotelList">
+                                <li class="recommendHotelItem">
+                                    <a href="">
+                                        <div class="recommendHotelImg">
+                                            <img src="http://www.nzlyw.com/file/upload/202007/22/103051841.jpg" alt="">
+                                        </div>
+                                        <h1>十三陵水园农庄大院</h1>
+                                        <div class="area">所属区域：<span>秦淮</span></div>
+                                        <div class="sortNum">推荐入住：<span>0</span></div>
+                                    </a>
+                                </li>
+                                <li class="recommendHotelItem">
+                                    <a href="">
+                                        <div class="recommendHotelImg">
+                                            <img src="http://www.nzlyw.com/file/upload/201909/30/152451841529.jpg" alt="">
+                                        </div>
+                                        <h1>十三陵水园农庄大院</h1>
+                                        <div class="area">所属区域：<span>秦淮</span></div>
+                                        <div class="sortNum">推荐入住：<span>0</span></div>
+                                    </a>
+                                </li>
+                                <li class="recommendHotelItem">
+                                    <a href="">
+                                        <div class="recommendHotelImg">
+                                            <img src="http://www.nzlyw.com/file/upload/201912/11/101406421520.jpg" alt="">
+                                        </div>
+                                        <h1>十三陵水园农庄大院</h1>
+                                        <div class="area">所属区域：<span>秦淮</span></div>
+                                        <div class="sortNum">推荐入住：<span>0</span></div>
+                                    </a>
+                                </li>
+                                <li class="recommendHotelItem">
+                                    <a href="">
+                                        <div class="recommendHotelImg">
+                                            <img src="http://www.nzlyw.com/file/upload/201911/29/105534521526.jpg" alt="">
+                                        </div>
+                                        <h1>十三陵水园农庄大院</h1>
+                                        <div class="area">所属区域：<span>秦淮</span></div>
+                                        <div class="sortNum">推荐入住：<span>0</span></div>
+                                    </a>
+                                </li>
+                                <li class="recommendHotelItem">
+                                    <a href="">
+                                        <div class="recommendHotelImg">
+                                            <img src="http://www.nzlyw.com/file/upload/201911/29/141509191527.jpg" alt="">
+                                        </div>
+                                        <h1>十三陵水园农庄大院</h1>
+                                        <div class="area">所属区域：<span>秦淮</span></div>
+                                        <div class="sortNum">推荐入住：<span>0</span></div>
+                                    </a>
+                                </li>
+                                <li class="recommendHotelItem">
+                                    <a href="">
+                                        <div class="recommendHotelImg">
+                                            <img src="http://www.nzlyw.com/file/upload/201912/11/102405641521.jpg" alt="">
+                                        </div>
+                                        <h1>十三陵水园农庄大院</h1>
+                                        <div class="area">所属区域：<span>秦淮</span></div>
+                                        <div class="sortNum">推荐入住：<span>0</span></div>
+                                    </a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- 合作伙伴 -->
+            <div class="partnerCover">
+                <div class="title">
+                    <i class="fa fa-handshake-o" aria-hidden="true"></i>
+                    <span>合作伙伴 </span>
+                </div>
+                <div class="partnerInner">
+                    <ul class="partnerInnerList">
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">        
+                            </a>
+                        </li>
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">        
+                            </a>
+                        </li>
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">        
+                            </a>
+                        </li>
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">        
+                            </a>
+                        </li>
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">        
+                            </a>
+                        </li>
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">        
+                            </a>
+                        </li>
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">        
+                            </a>
+                        </li>
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">        
+                            </a>
+                        </li>
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">        
+                            </a>
+                        </li>
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">        
+                            </a>
+                        </li>
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">        
+                            </a>
+                        </li>
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">        
+                            </a>
+                        </li>
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">        
+                            </a>
+                        </li>
+                        <li style="clear: both;"></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- 底部版权 -->
+    <div class="footer bjColor">
+        <div class="wrapper">
+            <div class="floatDiv">
+                <div class="copyrightTxt">
+                    <div>休闲农业旅游网</div>
+                    <div>联系人：李四　　联系电话：13811111111</div>
+                    <div>地址：河南省郑州市XXXXXXXXXXXXXXXXXXXXXXXXXX</div>
+                </div>
+                <div class="WeChatCode">
+                    <img src="{% static '/imgs/WeChatCode.jpg' %}" alt="">
+                    <p>关注公众号</p>
+                </div>
+            </div>
+            <div class="copyright">
+                版权所有XXXXXXXXXXXXXXXXXXXXXX
+            </div>
+        </div>
+    </div>
+    <!-- 返回顶部 -->
+    <div id="back2top" class="back2top" style="display: block;">
+        <a href="javascript:void(0);" onclick="goUp()" title="返回顶部">&nbsp;</a>
+    </div>
+
+    <script src="{% static '/lib/js/jquery-2.1.4.min.js'%}"></script>
+    <script src="{% static '/lib/js/swiper.min.js'%}"></script>
+    <!-- <script src="{% static '/lib/js/video.min.js'%}"></script> -->
+    <script src="https://webapi.amap.com/maps?v=1.4.15&key=3939967b919a8003377dd113fc445a3d&plugin=AMap.Driving"></script>
+    <!-- <script src="{% static '/lib/layui/layui.js'%}"></script> -->
+    <script src="{% static '/js/index2.js'%}"></script>
+</body>
+
+</html>

templates/outerNet/login2.html

@@ -0,0 +1,259 @@
+{% load staticfiles %}
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>登录界面</title>
+    <link rel="stylesheet" href="{% static '/lib/css/swiper.min.css' %}">
+    <link rel="stylesheet" href="{% static '/lib/font/fontIcon/iconfont.css' %}">
+    <link rel="stylesheet" href="{% static '/lib/font-awesome/4.5.0/css/font-awesome.css' %}">
+    <!-- <link rel="stylesheet" href="{% static '/lib/css/video-js.min.css' %}"> -->
+    <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css">
+    <link rel="stylesheet" href="{% static '/lib/css/reset.css' %}">
+    <link rel="stylesheet" href="{% static '/css/common.css' %}">
+    <link rel="stylesheet" href="{% static '/css/header.css' %}">
+    <link rel="stylesheet" href="{% static '/css/login.css' %}">
+</head>
+
+<body>
+    <div class="header">
+        <div class="headerTop wrapper">
+            <div class="logoTxt">
+                <a href="">
+                    <h1>休闲农业旅游网</h1>
+                    <p>www.XXNYLY.CN</p>
+                </a>
+            </div>
+            <div class="LocateCover">
+                <div class="currCity">
+                    <span>全国</span>
+                    <i class="fa fa-map-marker" aria-hidden="true"></i>
+                </div>
+                <div class="selectCityCover">
+                    <ul>
+                        <li>河南</li>
+                        <li>河南</li>
+                        <li>河南</li>
+                        <li>河南</li>
+                    </ul>
+                </div>
+            </div>
+            <div class="searchCover">
+                <div class="searchBoxBj">
+                    <input type="text" placeholder="请输入农庄名称">
+                    <button>搜索</button>
+                </div>
+            </div>
+            <div class="loginCover">
+                <a href="login2" target="_blank">登录</a>
+                <a href="" target="_blank">注册</a>
+            </div>
+        </div>
+        <!-- 登录内容 -->
+    </div>
+    <!-- 主体部分 -->
+    <div class="content">
+        <!-- 登录框 -->
+        <div class="loginBj">
+            <div class="borderline">
+                <div class="loginBox">
+                    <div class="title">用户登录</div>
+                    <div class="loginInp">
+                        <input type="text" id="username" placeholder="用户名">
+                    </div>
+                    <div class="loginInp">
+                        <input type="password" id="password" placeholder="密码">
+                        <a href="">忘记密码？</a>
+                    </div>
+                    <div class="loginBtnCover">
+                        <button id="loginBtn" onclick="login()">登 录</button>
+                    </div>
+                    <div class="remPswCover">
+                        <div class="remPwdInpBox">
+                            <input type="checkbox" id="remPwdFlag">
+                            <div></div>
+                        </div>
+                        <label for="remPwdFlag">记住密码</label>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="wrapper">
+            <!-- 合作伙伴 -->
+            <div class="partnerCover">
+                <div class="title">
+                    <i class="fa fa-handshake-o" aria-hidden="true"></i>
+                    <span>合作伙伴 </span>
+                </div>
+                <div class="partnerInner">
+                    <ul class="partnerInnerList">
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">
+                            </a>
+                        </li>
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">
+                            </a>
+                        </li>
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">
+                            </a>
+                        </li>
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">
+                            </a>
+                        </li>
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">
+                            </a>
+                        </li>
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">
+                            </a>
+                        </li>
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">
+                            </a>
+                        </li>
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">
+                            </a>
+                        </li>
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">
+                            </a>
+                        </li>
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">
+                            </a>
+                        </li>
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">
+                            </a>
+                        </li>
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">
+                            </a>
+                        </li>
+                        <li class="partnerInnerItem">
+                            <a href="">
+                                <img src="http://www.xbxxnyggw.cn/file/upload/201901/22/230441831.jpg" alt="">
+                            </a>
+                        </li>
+                        <li style="clear: both;"></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- 底部版权 -->
+    <div class="footer bjColor">
+        <div class="wrapper">
+            <div class="floatDiv">
+                <div class="copyrightTxt">
+                    <div>休闲农业旅游网</div>
+                    <div>联系人：李四　　联系电话：13811111111</div>
+                    <div>地址：河南省郑州市XXXXXXXXXXXXXXXXXXXXXXXXXX</div>
+                </div>
+                <div class="WeChatCode">
+                    <img src="{% static '/imgs/WeChatCode.jpg' %}" alt="">
+                    <p>关注公众号</p>
+                </div>
+            </div>
+            <div class="copyright">
+                版权所有XXXXXXXXXXXXXXXXXXXXXX
+            </div>
+        </div>
+    </div>
+    <!-- 返回顶部 -->
+    <div id="back2top" class="back2top" style="display: block;">
+        <a href="javascript:void(0);" onclick="goUp()" title="返回顶部">&nbsp;</a>
+    </div>
+
+    <script src="{% static '/lib/js/jquery-2.1.4.min.js'%}"></script>
+    <script
+        src="https://webapi.amap.com/maps?v=1.4.15&key=3939967b919a8003377dd113fc445a3d&plugin=AMap.Driving"></script>
+    <!-- <script src="{% static '/lib/layui/layui.js'%}"></script> -->
+    <!-- <script src="{% static '/js/index2.js'%}"></script> -->
+    <script>
+
+        // 登录
+        function login() {
+            var username = $("#username").val();
+            var password = $("#password").val();
+            if (!username) {
+                $("#username").focus();
+                return;
+            }
+            if (!password) {
+                $("#password").focus();
+                return;
+            }
+
+            // $('.notLogin').toggle();
+            // $('.isLogin').toggle();
+            // window.open("back_manage");
+
+            $.ajax({
+                url: 'user_land',
+                data: {
+                    username: username,
+                    password: password
+                },
+                type: 'post',
+                dataType: 'json',
+                success: function (data) {
+                    if (data.code == 1) {
+                        // var hrefstr = 'person_farm?name=' + data.username;
+                        window.location = 'home2'
+                        // $('.isLogin').toggle();
+                        // $('#person_farm').attr('href', hrefstr)
+                        // $('.userPhoto').attr('src', data.user_img)
+                        // $('.notLogin').hide();
+                        // $('.isLogin').show();
+                    } else if (data == 0) {
+                        $('body').append('<div class="hint">用户不存在</div>')
+                        setTimeout(function () {
+                            $('.hint').remove();
+                        }, 1000)
+                    } else if (data == 2) {
+                        $('body').append('<div class="hint">用户名错误</div>')
+                        setTimeout(function () {
+                            $('.hint').remove();
+                        }, 1000)
+                    } else if (data == 3) {
+                        $('body').append('<div class="hint">密码错误</div>')
+                        setTimeout(function () {
+                            $('.hint').remove();
+                        }, 1000)
+                    } else {
+                        $('body').append('<div class="hint">登录失败</div>')
+                        setTimeout(function () {
+                            $('.hint').remove();
+                        }, 1000)
+                    }
+                },
+                error: function (type) {
+
+                }
+            })
+        }
+    </script>
+</body>
+
+</html>

templates/static/css/header.css

@@ -0,0 +1,143 @@
+/* logo */
+.headerTop{
+    display: flex;
+    padding: 28px 0 21px 0;
+}
+.logoTxt{
+    width: 200px;
+    text-align: center;
+}
+.logoTxt h1{
+    font-size: 22px;
+    color: #fd9907;
+    font-weight: bold;
+}
+.logoTxt p{
+    font-weight: bold;
+    font-size: 12px;
+    color: #38b952;
+    letter-spacing: 2px;
+}
+/* 定位 */
+.LocateCover{
+    width: 155px;
+}
+.LocateCover .currCity{
+    font-size: 14px;
+    margin: 0 auto;
+    margin-top: 5px;
+    width: 88px;
+    height: 28px;
+    line-height: 25px;
+    text-align: center;
+    cursor: pointer;
+    background-color: #fdfdfd;
+    color: red;
+    border: 1px solid #f5f5f5;
+}
+.LocateCover .currCity i{
+    color: #3c3c3c;
+    margin-left: 10px;
+}
+.selectCityCover{
+    display: none;
+}
+/* 搜素 */
+.searchCover{
+    width: 555px;
+}
+.searchCover .searchBoxBj{
+    font-size: 0px;
+    width: 460px;
+    height: 40px;
+    margin: 0 auto;
+    background: #61a830;
+}
+.searchCover .searchBoxBj input{
+    font-size: 14px;
+    width: 357px;
+    height: 36px;
+    outline: none;
+    margin: 2px 0 2px 2px;
+    border: none;
+    border-radius: 0;
+    padding-left: 20px;
+}
+.searchCover .searchBoxBj button{
+    font-size: 14px;
+    width: 101px;
+    height: 40px;
+    border: none;
+    background: #61a830;
+    color: #fff;
+    letter-spacing: 5px;
+    text-align: center;
+    vertical-align: middle;
+}
+.searchCover .searchBoxBj button:active{
+    background: #3c7b10;
+}
+/* 登录 */
+.loginCover{
+    flex: 1;
+    text-align: center;
+}
+.loginCover a{
+    width: 118px;
+    height: 38px;
+    line-height: 34px;
+    border: 1px solid #f5ae1e;
+    background-color: #fff;
+    margin: 0 8px;
+    display: inline-block;
+}
+.loginCover a:active{
+    background-color: #ffe8bb;
+
+}
+
+/* 内容-合作伙伴 */
+.partnerCover{
+    margin-top: 30px;
+    border: 1px solid #e3e3e3;
+    border-top: 1px solid #327eca;
+}
+.partnerCover .title{
+    line-height: 40px;
+    border-bottom: 1px solid #e3e3e3;
+    font-size: 18px;
+    padding-left: 20px;
+}
+.partnerCover .title i{
+    color: #b0b0b0;
+    font-size: 22px;
+    vertical-align: middle;
+}
+.partnerCover .title span{
+    font-weight: 700;
+    /* margin-left: 10px; */
+}
+.partnerCover .partnerInner{
+    /* padding: 20px;  */
+    height: 112px;
+    overflow: hidden;
+}
+.partnerCover .partnerInner .partnerInnerList{
+    width: 1500px;
+}
+.partnerCover .partnerInner .partnerInnerItem{
+    float: left;
+}
+.partnerCover .partnerInner img{
+    width: 89px;
+    height: 83px;
+    margin: 13px 10px;
+}
+
+
+/* 橘黄标题 */
+.orangTitle{
+    border-left: 3px solid #ff6a28;
+    padding-left: 8px;
+    font-size: 16px;
+}

templates/static/css/index2.css

@@ -0,0 +1,630 @@
+
+/* 轮播 */
+.sliderBox,.banner{
+    height: 470px;
+}
+.slider1{
+    background: url(../imgs/banner1.jpg) no-repeat center;
+    background-size: cover;
+}
+.slider2{
+    background: url(../imgs/banner2.jpg) no-repeat center;
+    background-size: cover;
+}
+.slider3{
+    background: url(../imgs/banner3.jpg) no-repeat center;
+    background-size: cover;
+}
+span.swiper-pagination-bullet{
+    width: 30px;
+    border-radius: 0;
+}
+span.swiper-pagination-bullet-active{
+    background: #3ab851;
+}
+/* 内容标题 */
+.caption{
+    border-bottom: 5px solid #ff6a28;
+    padding: 35px 0 15px;
+    margin-bottom: 20px;
+}
+.caption .chinese{
+    font-size: 24px;
+    font-weight: bold;
+    color: #38b954;
+}
+.caption .english{
+    font-size: 12px;
+    color: #b2b2b2;
+    margin-left: 10px;
+}
+/* 内容-示范区 */
+.content1{
+    height: 476px;
+    display: flex;
+    border: 1px solid #e3e3e3;
+    border-top: none;
+    overflow: hidden;
+}
+.content1 .excellentFarm{
+    width: 880px;
+}
+.farmsTop{
+    display: flex;
+    border-top: 1px solid #e3e3e3;
+    border-bottom: 1px solid #e3e3e3;
+    height: 60px;
+    justify-content: space-between;
+    padding: 0 20px;
+    align-items: center;
+}
+/* .farmsTop .title div{
+    border-left: 3px solid #ff6a28;
+    padding-left: 8px;
+    font-size: 16px;
+} */
+.farmsTop .ctrlBtn{
+    font-size: 0;
+    border: 1px solid #e8e6e7;
+}
+.farmsTop .ctrlBtn button{
+    width: 30px;
+    height: 26px;
+    line-height: 24px;
+    font-size: 14px;
+    background-color: #fff;
+    border: 1px solid #e8e6e7;
+}
+.farmsTop .ctrlBtn button i{
+    color: #b0b0b0;
+}
+.farmsbottom{
+    display: flex;
+}
+.farmsbottom .farmImg{
+    flex: 1;
+    position: relative;
+}
+.farmsbottom .farmImg .hotIcon{
+    position: absolute;
+    right: 13px;
+    top: 0;
+}
+.farmsbottom .farmImg .masking{
+    padding-top: 20px;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: rgba(58, 158, 89, 0.89);
+    text-align: center;
+    color: #fff;
+    font-size: 14px;
+    line-height: 30px;
+}
+.farmsbottom .farmIntroduce{
+    width: 600px;
+}
+.farmsSwiper{
+    height: 416px;
+    overflow: hidden;
+    padding: 20px;
+}
+.farmsUl .farm-item{
+    /* height: 62px; */
+    padding-top: 24px;
+    overflow: hidden;
+}
+.farmsUl .farm-item img{
+    width: 88px;
+    height: 72px;
+    float: left;
+    margin-right: 15px;
+}
+.farmsUl .farm-item .news-item-txt{
+    float: left;
+    width: 456px;
+}
+.farmsUl .farm-item .news-item-txt h1{
+    width: 465px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    line-height: 28px;
+}
+.farmsUl .farm-item .news-item-txt a{
+    font-size: 16px;
+    color: #60a830;
+}
+.farmsUl .farm-item .desc{
+    height: 40px;
+    overflow: hidden;
+    margin-top: 3px;
+    line-height: 20px;
+    font-size: 12px;
+    color: #666;
+}
+.content1 .news{
+    height: 100%;
+    flex: 1;
+    border-left: 1px solid #e3e3e3;
+}
+.content1 .news .newsTitle{
+    display: flex;
+    border-top: 1px solid #e3e3e3;
+    border-bottom: 1px solid #e3e3e3;
+    height: 60px;
+    justify-content: space-between;
+    padding: 0 20px;
+    align-items: center;
+    background: #fbfbfb;
+}
+.content1 .news .newsTitle span{
+    font-size: 16px;
+    color: #000;
+}
+.content1 .news .newsTitle .more{
+    height: 22px;
+    padding: 0 10px;
+    background-color: #fff;
+    border: 1px solid #eaeaea;
+    line-height: 22px;
+    font-size: 12px;
+    color: #666;
+}
+.content1 .news .newsContent{
+    height: 87%;
+    overflow: hidden;
+}
+.content1 .news .newsContent .news-txt-list{
+    padding: 10px 20px;
+}
+.content1 .news .newsContent .news-txt-item{
+    position: relative;
+    /* height: 16px; */
+    overflow: hidden;
+    padding-left: 10px;
+    margin-top: 12px;
+    font-size: 12px;
+    line-height: 21px;
+}
+.content1 .news .newsContent .news-txt-item::after{
+    background-color: #60a830;
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 8px;
+    width: 3px;
+    height: 3px;
+    border-radius: 50%;
+}
+.content1 .news .newsContent .news-txt-item a{
+    white-space: nowrap;
+    display: block;
+    width: 265px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+/* 内容-广告区 */
+.adv{
+    margin-top: 20px;
+}
+/* 内容-四季采摘 */
+.pickCover{
+    display: flex;
+}
+.farmPick{
+    flex: 1;
+    border: 1px solid #e3e3e3;
+}
+.farmPickTop{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    height: 60px;
+    padding: 0 20px;
+    border-bottom: 1px solid #e3e3e3;
+}
+.farmPickTop a{
+    font-size: 14px;
+    color: #41b850;
+}
+.farmPickBottom{
+    display: flex;
+    justify-content: space-between;
+}
+.farmPickBottom .product{
+    width:640px;
+    border-right: 1px solid #e3e3e3;
+}
+.farmPickBottom .pickTitle{
+    background: #f0f0f0;
+    color: #000000;
+    font-size: 14px;
+    font-weight: bold;
+    line-height: 35px;
+    padding: 0 30px;
+    position: relative;
+}
+.farmPickBottom .pickTitle::before{
+    position: absolute;
+    content: '';
+    height: 20px;
+    width: 3px;
+    background: #41b850;
+    top: 7px;
+    left: 20px;
+}
+.farmPickBottom .productList{
+    overflow: hidden;
+}
+.farmPickBottom .productItem{
+    width: 135px;
+    float: left;
+    margin: 10px;
+}
+.farmPickBottom .productItem img{
+    width: 135px;
+    height: 105px;
+}
+.farmPickBottom .productItem P{
+    text-align: center;
+    line-height: 30px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+.farmPickBottom .productItem:hover a{
+    color: #3ab851;
+}
+
+.farmPickBottom .supply{
+    border-left: 1px solid #e3e3e3;
+    width: 260px;
+}
+.supply li{
+    padding: 0 18px;
+    border-top: 1px solid #eaeaea;
+}
+.supply li:nth-child(1){
+    border: none;
+}
+.supply .sort-number {
+    margin-right: 7%;
+    text-align: center;
+    line-height: 8px;
+    margin: 5px 11px 5px 0;
+    padding: 10px;
+    display: inline-block;
+}
+.supply .sort-number-top{
+    background: #009237;
+    color: #FFFFFF;
+}
+.supply li a{
+    white-space: nowrap;
+    overflow: hidden;
+    display: inline-block;
+    width: 80%;
+    text-overflow: ellipsis;
+    vertical-align: middle;
+}
+.supply li a:hover{
+    color: #3ab851;
+}
+.farmPickImg{
+    width: 280px;
+    position: relative;
+}
+.farmPickImg div{
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: #3a9e598c;
+    color: #fff;
+    text-align: center;
+    line-height: 30px;
+    font-size: 16px;
+    padding: 10px;
+}
+/* 内容-农场导览 */
+.hacienda{
+    border: 1px solid #e3e3e3;
+}
+.hacienda .haciendaTop{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    height: 60px;
+    padding: 0 20px;
+    border-bottom: 1px solid #e3e3e3;
+}
+.hacienda .haciendaTop a{
+    color: #fff;
+    border-radius: 5px;
+    background-color: #ff6a28;
+    padding: 8px 22px;
+}
+.hacienda .haciendaList{
+    display: flex;
+    flex-flow: wrap;
+}
+.hacienda .haciendaList{
+    padding: 20px 20px 0 20px;
+}
+.hacienda .haciendaItem{
+    display: flex;
+    margin-bottom: 20px;
+}
+.hacienda .haciendaImg{
+    width: 205px;
+    height: 175px;
+    position: relative;
+}
+.hacienda .haciendaImg .haciendaImg1{
+    width: 100%;
+    height: 100%;
+}
+.hacienda .haciendaImg .haciendaImg2{
+    position: absolute;
+    top: 0;
+    left: 10px;
+}
+.hacienda .haciendaItem .haciendaTxt{
+    width: 180px;
+    padding: 10px 15px;
+}
+.hacienda .haciendaItem .haciendaTxt h2{
+    font-size: 14px;
+    font-weight: bold;
+    line-height: 33px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+.hacienda .haciendaItem .haciendaTxt .desc{
+    letter-spacing: 2px;
+    height: 100px;
+    overflow: hidden;
+}
+.hacienda .haciendaItem .haciendaTxt button{
+    color: #fff;
+    padding: 5px 10px;
+    border-radius: 5px;
+}
+.hacienda .haciendaItem .haciendaTxt button.btn1{
+    background-color: #00aeed;
+}
+.hacienda .haciendaItem .haciendaTxt button.btn2{
+    background-color: #3bb852;
+}
+/* 内容-旅游导览 */
+.travelCover{
+    display: flex;
+}
+.travelCover .travelLeft{
+    flex: 1;
+}
+.travelLeft .travelList{
+    display: flex;
+    flex-flow: wrap;
+}
+.travelList .travelItem{
+    width: 282px;
+    margin: 10px;
+    background-color: #f8f8f8;
+    cursor: pointer;
+}
+.travelList .travelItem .travelImg{
+    position: relative;
+    width: 270px;
+    height: 155px;
+}
+.travelList .travelItem .travelImg .haciendaImg1{
+    width: 100%;
+    height: 100%;
+}
+.travelList .travelItem .travelImg .haciendaImg2{
+    position: absolute;
+    top: 0;
+    left: 10px;
+}
+.travelList .travelItem .travelTitle{
+    padding: 10px;
+}
+.travelList .travelItem .travelTitle h2{
+    font-size: 14px;
+    font-weight: bold;
+    line-height: 30px;
+}
+.travelList .travelItem:hover .travelTitle h2{
+    color: #3ab851;
+}
+.travelList .travelItem .travelTitle div{
+    height: 40px;
+    overflow: hidden;
+}
+.travelCover .travelRight{
+    width: 280px;
+    padding-right: 20px;
+}
+.travelCover .travelRight .travelGuide{
+    /* width: 285px; */
+    padding: 20px 20px 20px 0;
+    margin-top: 25px;
+}
+.travelCover .travelRight >a{
+}
+.travelRight .travelGuide{
+    display: flex;
+    align-items: center;
+    border: 1px solid #e3e3e3;
+    justify-content: space-around;
+    padding: 20px 10px;
+    box-shadow: 1px 1px 6px 0px #dadada;
+}
+.travelRight .travelGuide1{
+    border-top: 3px solid #34abe3;
+}
+.travelRight .travelGuide1 .guideTag{
+    color: #34abe3;
+}
+.travelRight .travelGuide2{
+    border-top: 3px solid #e4c666;
+}
+.travelRight .travelGuide2 .guideTag{
+    color: #e4c666;
+}
+.travelRight .travelGuide3{
+    border-top: 3px solid #e86f90;
+}
+.travelRight .travelGuide3 .guideTag{
+    color: #e86f90;
+}
+.travelRight .travelGuide4{
+    border-top: 3px solid #7accc0;
+}
+.travelRight .travelGuide4 .guideTag{
+    color: #7accc0;
+}
+.travelRight .travelGuide div .guideTag{
+    font-size: 18px;
+    line-height: 28px;
+    font-weight: 700;
+}
+.travelRight .travelGuide div p{
+    color: #c1c1c1;
+}
+/* 内容-民宿导览 */
+.hotelCover{
+    display: flex;
+    border: 1px solid #e3e3e3;
+}
+.hotelCover .hotHotel{
+    width: 282px;
+    border-right: 1px solid #e3e3e3;
+}
+.hotelCover .hotHotel .title{
+    height: 60px;
+    line-height: 60px;
+    padding: 0 20px;
+    border-bottom: 1px solid #e3e3e3;
+    background: #f8f8f8;
+    font-size: 18px;
+    font-weight: 700;
+}
+.hotelCover .hotHotel .title span{
+    font-size: 12px;
+    color: #797979;
+    font-weight: 100;
+    margin-left: 10px;
+}
+.hotHotelList .hotHotelItem{
+    padding: 16px 16px 16px 20px;
+    border-bottom: 1px solid #e3e3e3;
+    margin-bottom: 0px;
+    overflow: hidden;
+}
+.hotHotelList .hotHotelItem:last-child{
+    border: none;
+}
+.hotHotelList .hotHotelItem img{
+    float: left;
+}
+.hotHotelList .hotHotelItem .desc{
+    margin-left: 110px;
+}
+.hotHotelList .hotHotelItem .desc h3{
+    font-size: 14px;
+    line-height: 30px;
+    font-weight: bold;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+.hotHotelList .hotHotelItem .desc div{
+    height: 41px;
+    overflow: hidden;
+    line-height: 20px;
+    color: #a4a4a4;
+}
+.hotHotelList .hotHotelItem:hover .desc h3{
+   color: #3ab851;
+}
+.recommendHotel{
+    flex: 1;
+}
+.recommendHotel .titel{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    height: 60px;
+    padding: 0 20px;
+    border-bottom: 1px solid #e3e3e3;
+}
+.recommendHotel .titel div{
+    font-size: 18px;
+    font-weight: 700;
+}
+.recommendHotel .titel .more{
+    background: #ff6a28;
+    color: #fff;
+    border-radius: 5px;
+    padding: 8px 22px;
+}
+.recommendHotel .recommendHotelList{
+    display: flex;
+    flex-flow: wrap;
+}
+.recommendHotel .recommendHotelList .recommendHotelItem{
+    width: 305px;
+    padding: 20px;
+}
+.recommendHotelList .recommendHotelItem:hover .recommendHotelImg img{
+    transform:scale(1.2);transform:scale(1.2);
+    -webkit-transform:scale(1.2);transform:scale(1.2);
+}
+.recommendHotelList .recommendHotelItem:hover h1{
+    color: #3ab851;
+}
+.recommendHotelItem .recommendHotelImg{
+    width: 100%;
+    height: 200px;
+    overflow: hidden;
+}
+.recommendHotelItem .recommendHotelImg img{
+    width: 100%;
+    height: 100%;
+    transition:all 0.6s;
+}
+.recommendHotelItem h1{
+    line-height: 30px;
+    padding: 0 20px;
+    font-size: 14px;
+    font-weight: 700;
+}
+.recommendHotelItem .area{
+    line-height: 14px;
+    padding: 0 20px;
+    color: #949494;
+}
+.recommendHotelItem .sortNum{
+    text-align: right;
+    line-height: 14px;
+}
+.recommendHotelItem .sortNum span{
+    padding: 5px 10px;
+    background: #f86928;
+    color: #fff;
+    border-radius: 6px;
+}
+
+
+
+/* 橘黄标题 */
+.orangTitle{
+    border-left: 3px solid #ff6a28;
+    padding-left: 8px;
+    font-size: 16px;
+}

templates/static/css/login.css

@@ -0,0 +1,102 @@
+/* 登录框 */
+.content .loginBj{
+    position: relative;
+    width: 100%;
+    height: 555px;
+    background: url(../imgs/loginBj.png) no-repeat center center;
+}
+.content .loginBj .borderline{
+    position: absolute;
+    right: 15%;
+    top: 65px;
+    width: 455px;
+    height: 425px;
+    border: 2px solid #6dd596;
+    background-color: rgba(186, 244, 206, 0.5);
+    padding: 5px;
+}
+.loginBj .borderline .loginBox{
+    width: 100%;
+    height: 100%;
+    background-color: #fff; 
+    border: 3px solid #61a830;
+    padding: 46px 64px;
+}
+.borderline .loginBox .title{
+    font-size: 22px;
+    color: #60a731;
+    margin-bottom: 30px;
+}
+.borderline .loginBox .loginInp{
+    width: 100%;
+    height: 45px;
+    line-height: 45px;
+    border: 1px solid #d7d7d7;
+    border-radius: 4px;
+    position: relative;
+    margin-bottom: 20px;
+}
+.borderline .loginBox .loginInp input{
+    border: none;
+    height: 90%;
+    vertical-align: initial;
+}
+.borderline .loginBox .loginInp input[type=password]{
+    display: inline-block;
+    width: 75%;
+    padding: .375rem .75rem;
+    line-height: 1.5;
+}
+.borderline .loginBox .loginInp a{
+    color: #60a731;
+    position: absolute;
+    right: 10px;
+    top: 0px;
+}
+.loginBtnCover button{
+    width: 100%;
+    line-height: 48px;
+    border-radius: 6px;
+    color: #ffffff;
+    font-size: 18px;
+    background-color: #61a830;
+    margin-bottom: 20px;
+}
+.loginBtnCover button:active{
+    background-color: #82c753;
+}
+.remPswCover .remPwdInpBox{
+    display: inline-block;
+    width: 17px;
+    height: 17px;
+    position: relative;
+    vertical-align: middle;
+}
+.remPswCover .remPwdInpBox input{
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    z-index: 1;
+}
+.remPswCover .remPwdInpBox div{
+    width: 100%;
+    height: 100%;
+    background: url(../imgs/checked.png) no-repeat left center;
+}
+.remPswCover .remPwdInpBox input:checked+div{
+    background: url(../imgs/checked.png) no-repeat -19px 0;
+}
+/* 提示层 */
+.hint{
+    border-radius: 5px;
+    position: fixed;
+    z-index: 999;
+    color: white;
+    left: 47%;
+    top: 50%;
+    background: #0000009e;
+    padding: 20px;
+    font-size: 14px;
+    letter-spacing: 2px;
+}

templates/static/js/index2.js

@@ -0,0 +1,279 @@
+$(function () {
+    // 轮播
+    var banner = new Swiper('.banner', {
+        autoplay: true,//可选选项，自动滑动
+        loop: true,
+        pagination: {
+            el: '.swiper-pagination',
+            clickable: true,
+        },
+    })
+
+     // 轮播
+    //  var banner = new Swiper('.farmsSwiper', {
+    //     autoplay: true,//可选选项，自动滑动
+    //     loop: true,
+    //     pagination: {
+    //         el: '.swiper-pagination',
+    //         clickable: true,
+    //     },
+    // })
+
+    // 新闻资讯滚动
+
+    function Roll(ele, time, fun) {
+        var obj = document.getElementById(ele);
+        var ul = obj.children;
+        var li = ul[0].children;
+        console.log(li)
+        if (fun) {
+            var fun = fun;
+        } else {
+            var fun = function () { };
+        }
+        var t;
+        if (time) {
+            var time = time;
+        } else {
+            var time = 2500;
+        }
+        t = setInterval(function () {
+            fun()
+            $(li).eq(0).slideUp(function () {
+                $(ul).append($(li).eq(0));
+            });
+            $(li).show();
+        }, time);
+        $(ul).on('mouseenter', 'li', function () {
+            clearInterval(t)
+        })
+        $(ul).on('mouseleave', 'li', function () {
+            t = setInterval(function () {
+                fun()
+                $(li).eq(0).slideUp(function () {
+                    $(ul).append($(li).eq(0));
+                });
+                $(li).show();
+            }, time);
+        })
+    }
+    // Roll('farmBrief', 5000)
+    // Roll('newsListDiv', 2000)
+    // Roll('videoListBox', 5000,function(){
+    //     $('#videoListBox .videoListUl >li').removeClass('active');
+    //     $('#videoListBox .videoListUl >li').eq(1).addClass('active');
+    // })
+    // Roll('gardenMsg', 2000, function(){
+    //     $('#gardenMsg .gardenUl >li').removeClass('active');
+    //     $('#gardenMsg .gardenUl >li').eq(1).addClass('active');
+    //     $('.gardenImg >img').attr('src',$('#gardenMsg .gardenUl >.active').find('.hide_farm_img').val())
+    // })
+    // var stu = new Roll("newsListDiv", 12);
+    // 视频咨询
+    // var myPlayer = videojs('my-video');
+    // videojs("my-video").ready(function () {
+    //     var myPlayer = this;
+    //     myPlayer.play();
+    // });
+
+    // 视频咨询
+    // $('#videoListBox').on('click', '.date', function () {
+    //     $('#videoListBox .videoListUl >li').removeClass('active');
+    //     $(this).parent().addClass('active');
+    //     var myPlayer = videojs('my-video');
+    //     var videoUrl = $(this).find('.hide_video_url').val();
+    //     videojs("my-video", {}, function () {
+    //         window.myPlayer = this;
+    //         $("#mymoda .video-con #my-video source").attr("src", videoUrl);
+    //         myPlayer.src(videoUrl);
+    //         myPlayer.load(videoUrl);
+    //         myPlayer.play();
+    //     });
+    //     // $('.videoBox').html('');
+    //     $(".video_link").click(function () {
+    //         var myPlayer = videojs('my-video');
+    //         var videoUrl = $(this).find('.hide_video_url').val();
+    //         videojs("my-video", {}, function () {
+    //             window.myPlayer = this;
+    //             $("#mymoda .video-con #my-video source").attr("src", videoUrl);
+    //             myPlayer.src(videoUrl);
+    //             myPlayer.load(videoUrl);
+    //             myPlayer.play();
+    //         });
+    //         $(".click-modal").click();
+    //     });
+    //     // 模态窗消失时，关闭视频    
+    //     $('#mymoda').on('hidden.bs.modal', function () {
+    //         myPlayer.pause();
+    //     });
+
+    // })
+
+    // 四季采摘
+    $('#gardenMsg').on('click', '.gardenName', function () {
+        $('#gardenMsg .gardenUl >li').removeClass('active');
+        $(this).parent().addClass('active');
+        // $(this).find('.hide_farm_img').val();
+        $('.gardenImg >img').attr('src', $(this).find('.hide_farm_img').val())
+    })
+
+    // 导游导览
+    // var map = new AMap.Map('map', {
+    //     resizeEnable: true, //是否监控地图容器尺寸变化
+    //     zoom: 11, //初始化地图层级
+    //     center: [113.397428, 39.90923] //初始化地图中心点
+    // });
+    //绘制初始路径
+    // var path = [];
+    // path.push([113.641379, 34.574431]);
+    // path.push([108.877908, 34.389461]);
+    // path.push([108.350564, 22.847832]);
+    // map.plugin("AMap.DragRoute", function () {
+    //     route = new AMap.DragRoute(map, path, AMap.DrivingPolicy.LEAST_FEE); //构造拖拽导航类
+    //     route.search(); //查询导航路径并开启拖拽导航
+    // });
+
+
+
+    // 民宿导览
+    var swiper = new Swiper('.homestay', {
+        slidesPerView: 3,
+        spaceBetween: 30,
+        navigation: {
+            nextEl: '.swiper-button-next',
+            prevEl: '.swiper-button-prev',
+        },
+        autoplay: {
+            delay: 3000
+        },
+    });
+
+})
+
+var map = new AMap.Map('map', {
+    resizeEnable: true, //是否监控地图容器尺寸变化
+    zoom: 11, //初始化地图层级
+    center: [113.397428, 39.90923] //初始化地图中心点
+});
+// var geoc = new AMap.Geocoder();
+function searchWay() {
+    clearWay()
+    var startPath = $("#startPath").val();
+    var endPath = $("#endPath").val();
+
+    if (!startPath) {
+        $("#startPath").focus();
+        return;
+    }
+    if (!endPath) {
+        $("#endPath").focus();
+        return;
+    }
+    $('.guideMap').append('<div class="loadDiv"><img src="../static/imgs/timg.gif" /></div>')
+    //构造路线导航类
+    var driving = new AMap.Driving({
+        map: map,
+        panel: "panel"
+    });
+    // 根据起终点名称规划驾车导航路线
+    driving.search([
+        { keyword: startPath, city: '' },
+        { keyword: endPath, city: '' }
+    ], function (status, result) {
+        if (status === 'complete') {
+            // log.success('绘制驾车路线完成');
+            $('.loadDiv').remove();
+        } else {
+            alert('获取驾车数据失败：' + result)
+            $('.loadDiv').remove();
+        }
+    });
+}
+
+function clearWay() {
+    // 清除地图上所有添加的覆盖物
+    map.clearMap();
+    $('#panel').html('');
+}
+
+
+
+
+
+
+// 登录
+function login() {
+    var username = $("#username").val();
+    var password = $("#password").val();
+    if (!username) {
+        $("#username").focus();
+        return;
+    }
+    if (!password) {
+        $("#password").focus();
+        return;
+    }
+
+    // $('.notLogin').toggle();
+    // $('.isLogin').toggle();
+    // window.open("back_manage");
+
+    $.ajax({
+        url: 'user_land',
+        data: {
+            username: username,
+            password: password
+        },
+        type: 'post',
+        dataType:'json',
+        success: function (data) {
+            if (data.code) {
+                var hrefstr = 'person_farm?name=' + data.username;
+                window.location.reload();
+                // $('.isLogin').toggle();
+                // $('#person_farm').attr('href', hrefstr)
+                // $('.userPhoto').attr('src', data.user_img)
+                // $('.notLogin').hide();
+                // $('.isLogin').show();
+            } else if (data.code == 0) {
+                $('body').append('<div class="hint">用户不存在</div>')
+                setTimeout(function () {
+                    $('.hint').remove();
+                }, 1000)
+            } else if (data.code == 2) {
+                $('body').append('<div class="hint">用户名错误</div>')
+                setTimeout(function () {
+                    $('.hint').remove();
+                }, 1000)
+            } else if (data.code == 3) {
+                $('body').append('<div class="hint">密码错误</div>')
+                setTimeout(function () {
+                    $('.hint').remove();
+                }, 1000)
+            } else {
+                $('body').append('<div class="hint">登录失败</div>')
+                setTimeout(function () {
+                    $('.hint').remove();
+                }, 1000)
+            }
+        },
+        error: function (type) {
+
+        }
+    })
+}
+// 返回顶部
+function goUp() {
+    $('body,html').animate({ scrollTop: 0 }, 300)
+}
+
+function show() {
+    $(window).scroll(function () {
+        if ($(window).scrollTop() > 100) {
+            $("#back2top").fadeIn(100);
+        } else {
+            $("#back2top").fadeOut(100);
+        }
+    });
+}
+show();

templates/static/lib/css/reset.css

@@ -58,4 +58,8 @@ textarea{
 
 .fr {
     float: right;
+}
+input:-webkit-autofill {
+    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
+    outline:none;
 }