miniprogram / liqizhuang · 提交

转到一个项目

作者 刘晓艳
提交 8b0ca9cc42e3704c68af7be0f011cc1d4f17c796 2 个父辈 2cf0a5d2 0a5cee80

李七庄

内嵌 并排对比
正在显示 55 个修改的文件 包含 721 行增加 和 95 行删除
{
"pages": [
<<<<<<< HEAD
"pages/my/approveInfo/approveInfo",
"pages/my/approve/approve",
"pages/matrix/article/article",
=======
>>>>>>> 0a5cee808ca0c031c81f44d4480eb9075f9b9b2d
"pages/matrix/matrix",
"pages/interact/interactPost/interactPost",
"pages/interact/interact",
"pages/my/myAttention/myAttention",
"pages/my/my",
"pages/index/index"
"pages/matrix/article/article",
"pages/matrix/company/company",
"pages/attract/attract",
"pages/attract/detail/detail"
],
"tabBar": {
"list": [
{
"pagePath": "pages/matrix/matrix",
"text": "企业矩阵",
"iconPath": "/images/01_nav_fill@2x.png",
"selectedIconPath": "images/01_nav_fill@2x.png"
},
{
"pagePath": "pages/attract/attract",
"text": "政策宣传",
"iconPath": "/images/02_nav@2x.png",
"selectedIconPath": "images/02_nav_fill@2x.png"
},
{
"pagePath": "pages/matrix/matrix",
"text": "政企互动",
"iconPath": "/images/03_nav@2x.png",
"selectedIconPath": "images/03_nav_fill@2x.png"
},
{
"pagePath": "pages/matrix/matrix",
"text": "政企服务",
"iconPath": "/images/04_nav@2x.png",
"selectedIconPath": "images/04_nav_fill@2x.png"
}
]
},
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle": "black"
"navigationBarBackgroundColor": "#169BD5",
"navigationBarTitleText": "政企服务平台",
"navigationBarTextStyle": "white"
}
}
\ No newline at end of file
... ...
// pages/attract/attract.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
chooseLocation(){
wx.chooseLocation({
success: function(res) {},
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
<!--pages/attract/attract.wxml-->
<view class='main_container'>
<view class='top_banner'>
<image src='/images/zhaoshang.png' width='100%' mode='widthFix'></image>
</view>
<!-- 菜单按钮 -->
<view class='menu_content'>
<view class='menu_items'>
<view class='menu_item active'>全部</view>
<view class='menu_item'>党建</view>
<view class='menu_item'>政治</view>
<view class='menu_item'>经济</view>
<view class='menu_item'>民生</view>
</view>
<view class='paixun'>
<image src='/images/shaixuan@3x.png' mode='widthFix'></image>
</view>
</view>
<!-- 新闻 -->
<view class='news_detail_container'>
<view class='news_detail_items'>
<view class='news_detail_item'>
<view class='new_info'>
<view class='new_title'>市国土管局关于同意西青李七庄街天骄北道侧工业地块农用地转用土地征收实施方案的函</view>
<view class='new_time_address'>
<view class='form'>腾讯新闻</view>
<view class='time'>2019.01.01</view>
</view>
</view>
<view class='new_info_image'>
<image src='/images/news.png' mode='widthFix'></image>
</view>
</view>
<view class='news_detail_item'>
<view class='new_info'>
<view class='new_title'>市国土管局关于同意西青李七庄街天骄北道侧工业地块农用地转用土地征收实施方案的函</view>
<view class='new_time_address'>
<view class='form'>腾讯新闻</view>
<view class='time'>2019.01.01</view>
</view>
</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
... ...
/* pages/attract/attract.wxss */
page{
background: #F7F7F7;
}
.top_banner image{
width: 100%;
}
.menu_content{
display: flex;
}
.menu_items{
display: flex;
font-size: 26rpx;
background: #FFF;
border-bottom: 2rpx solid #f5f5f5;
position: relative;
flex: 1;
}
.menu_item{
height: 74rpx;
padding: 0 40rpx;
line-height: 74rpx;
}
.menu_item.active{
color: #169BD5;
}
.paixun{
position: relative;
height: 100%;
display: flex;
align-items: center;
height: 74rpx;
width: 78rpx;
justify-content: center;
background-color: #FFF;
}
.paixun image{
width: 32rpx;
}
.paixun:before{
content:'';
height: 32rpx;
width: 2rpx;
background-color: #f5f5f5;
top: 50%;
left: 0;
position: absolute;
transform: translateY(-50%);
}
.news_detail_container{
background: #FFF;
}
.news_detail_items{
margin: 0 32rpx;
}
.news_detail_item{
border-bottom:2rpx solid #f5f5f5;
display: flex;
padding: 24rpx 0;
}
.news_detail_item:last-child{
border: none;
}
.new_info_image{
width: 248rpx;
height: 146rpx;
border-radius: 8rpx;
overflow: hidden;
margin-left: 32rpx;
}
.new_info_image image{
width: 100%;
}
.new_info{
flex: 1;
height: 146rpx;
display: flex;
flex-flow: column;
justify-content: space-between;
font-size: 32rpx;
color: #333;
}
.new_title{
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
}
.new_time_address{
display: flex;
align-items: center;
justify-content: space-between;
font-size: 22rpx;
color: #999;
}
... ...
// pages/attract/detail/detail.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {}
}
\ No newline at end of file
... ...
<view class='main_container'>
<view class='video_box'>
<view class='video_title'>李七庄街将增1所普惠性民办园解决入...</view>
<view class='video_icon'>
<image src='/images/shipin@3x.png' mode='widthFix'></image>
</view>
</view>
<!-- 招商优势 -->
<view class='single_item_container'>
<view class='top_label'>
<view class='top_label_detail'>招商优势</view>
</view>
</view>
<!-- 招商咨询 -->
<view class='single_item_container'>
<view class='top_label'>
<view class='top_label_detail'>招商咨询</view>
</view>
<view class='zixun_container'>
<view class='zixun_item'>
<view class='zixun_icon'>
<image src='/images/zuoji@3x.png' mode='aspectFit'></image>
</view>
<view class='zixun_content'>010-6786788</view>
</view>
<view class='zixun_item'>
<view class='zixun_icon'>
<image src='/images/mail@3x.png' mode='aspectFit'></image>
</view>
<view class='zixun_content'>1215633925@qq.com</view>
</view>
<view class='zixun_item'>
<view class='zixun_icon'>
<image src='/images/zuoji@3x.png' mode='aspectFit'></image>
</view>
<view class='zixun_content'>
<view class='erwei_code'>
<view class='img_box'>
<image src='/images/erwer_code.png' mode='widthFix'></image>
</view>
<view class='img_box'>
<image src='/images/erwer_code.png' mode='widthFix'></image>
</view>
</view>
<view>扫描二维码，关注公众号</view>
</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
... ...
/* pages/attract/detail/detail.wxss */
.video_box {
width: 682rpx;
height: 430rpx;
margin: 0 auto;
background-color: rgba(0,0,0,.6);
position: relative;
padding-top: 32rpx;
}
.video_icon{
width: 96rpx;
height: 96rpx;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.video_icon image{
width: 100%;
}
.video_title{
margin:0 32rpx;
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp:1;
color: #FFF;
font-size: 30rpx;
}
.single_item_container{
margin-top: 30rpx;
border-bottom: 2rpx solid #f5f5f5;
min-height: 400rpx;
}
.top_label{
padding: 20rpx 0;
font-size: 36rpx;
color: #333;
font-weight: bold;
position: relative;
bottom: 2rpx solid #f5f5f5;
border-bottom: 2rpx solid #f5f5f5;
}
.top_label_detail{
margin-left: 32rpx;
position: relative;
padding-left: 20rpx;
}
.top_label_detail:before{
content:'';
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 8rpx;
height: 32rpx;
left: 0;
background-color: #000;
}
.zixun_container{
padding-left: 56rpx;
}
.zixun_item{
display: flex;
justify-content: flex-start;
margin: 30rpx 0;
}
.zixun_icon{
height: 28rpx;
width: 32rpx;
align-self: flex-start;
}
.zixun_icon image {
width: 100%;
height: 100%;
display: block;
}
.zixun_content{
font-size: 28rpx;
line-height: 1;
color: #333;
margin-left: 10rpx;
}
.erwei_code {
display: flex;
margin-bottom: 20rpx;
}
.img_box{
width: 88rpx;
height: 88rpx;
margin-right: 20rpx;
}
.img_box image{
width: 100%;
}
\ No newline at end of file
... ...
//index.js
//获取应用实例
const app = getApp()
Page({
data: {
motto: 'Hello World',
userInfo: {},
hasUserInfo: false,
canIUse: wx.canIUse('button.open-type.getUserInfo')
},
//事件处理函数
bindViewTap: function() {
wx.navigateTo({
url: '../logs/logs'
})
},
onLoad: function () {
if (app.globalData.userInfo) {
this.setData({
userInfo: app.globalData.userInfo,
hasUserInfo: true
})
} else if (this.data.canIUse){
// 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
// 所以此处加入 callback 以防止这种情况
app.userInfoReadyCallback = res => {
this.setData({
userInfo: res.userInfo,
hasUserInfo: true
})
}
} else {
// 在没有 open-type=getUserInfo 版本的兼容处理
wx.getUserInfo({
success: res => {
app.globalData.userInfo = res.userInfo
this.setData({
userInfo: res.userInfo,
hasUserInfo: true
})
}
})
}
},
getUserInfo: function(e) {
console.log(e)
app.globalData.userInfo = e.detail.userInfo
this.setData({
userInfo: e.detail.userInfo,
hasUserInfo: true
})
}
})
<!--index.wxml-->
<view class="container">
<view class="userinfo">
<button wx:if="{{!hasUserInfo && canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button>
<block wx:else>
<image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image>
<text class="userinfo-nickname">{{userInfo.nickName}}</text>
</block>
</view>
<view class="usermotto">
<text class="user-motto">{{motto}}</text>
</view>
</view>
/**index.wxss**/
.userinfo {
display: flex;
flex-direction: column;
align-items: center;
}
.userinfo-avatar {
width: 128rpx;
height: 128rpx;
margin: 20rpx;
border-radius: 50%;
}
.userinfo-nickname {
color: #aaa;
}
.usermotto {
margin-top: 200px;
}
\ No newline at end of file
// pages/matrix/company/company.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {}
}
\ No newline at end of file
... ...
<!--pages/matrix/company/company.wxml-->
<view class='main_container'>
<view class='banner_top'>
<image src='/images/company_banner.png' mode='widthFix'></image>
</view>
<!-- detailInfo -->
<view class='compony_info'>
<view class='compony_title'>
<view class='compony_left'>金沃斯英语在线教育</view>
<view class='focus_button'>+ 关注</view>
</view>
<view class='detailInfo_items'>
<view class='detailInfo_item'>
<view class='detail_icon'>
<image src='/images/dianhua_hui@3x.png' mode='aspectFit'></image>
</view>
<view class='detail_text'>400-2759666</view>
</view>
<view class='detailInfo_item'>
<view class='detail_icon'>
<image src='/images/mail@3x.png' mode='aspectFit'></image>
</view>
<view class='detail_text'>26986669@qq.com</view>
</view>
<view class='detailInfo_item'>
<view class='detail_icon'>
<image src='/images/dingwei@3x.png' mode='aspectFit'></image>
</view>
<view class='detail_text'>天津市和平区南津路129号云川大厦1001</view>
</view>
</view>
<view class='detailInfo_desc'>
<view class='fanwei'>
经营范围：英国的风俗习惯 、传统 、沟通方式 、国家概况 、文化等各方面有相当程度的了解。
</view>
<view class='company_desc'>
公司简介：金沃斯在线英语教育（GVE）成立于2015年1月，是来自加拿大的在线英语教育公司，总部及产品研发中心位于加拿大多伦多，在中国天津设有运营中心...
</view>
<view class='open'>
展开
</view>
</view>
<!-- 企业推荐 -->
<view class='tuijian_content'>
<view class='tuijian_item'>
企业推荐：网易云
</view>
<view class='tuijian_item'>
企业推荐：易云端科技有限公司
</view>
</view>
</view>
</view>
\ No newline at end of file
... ...
/* pages/matrix/company/company.wxss */
page{
background-color: #f7f7f7;
}
.main_container{
width: 688rpx;
margin: 32rpx auto 0;
background-color: #FFF;
}
.banner_top{
height: 236rpx;
}
.banner_top image{
width: 100%
}
.compony_info{
padding: 0 30rpx;
margin: 20rpx 0;
}
.compony_title{
display: flex;
justify-content: space-between;
}
.compony_left{
color: #333;
font-size: 30rpx;
font-weight: bold;
}
.focus_button{
width: 128rpx;
height: 48rpx;
border:2rpx solid rgba(22, 155, 213, 1);
opacity:1;
border-radius: 8rpx;
color: #169BD6;
font-size: 26rpx;
display: flex;
align-items: center;
justify-content: center;
}
.detailInfo_items{
margin-top: 20rpx;
padding-bottom: 28rpx;
border-bottom: 2rpx solid #f5f5f5;
}
.detailInfo_item{
font-size: 26rpx;
display: flex;
display: -webkit-flex;
margin-bottom: 20rpx;
color: #666;
align-items: center;
}
.detail_icon{
height: 48rpx;
width: 48rpx;
display: flex;
align-items: center;
justify-content: center;
margin-right: 20rpx;
}
.detail_icon image{
height: 100%;
}
.detailInfo_desc{
color: #999;
font-size: 26rpx;
line-height: 38rpx;
margin-top: 30rpx;
}
.company_desc{
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp:3;
margin-top: 16rpx;
}
.open{
height: 96rpx;
display: flex;
align-items: center;
justify-content: center;
}
.tuijian_content{
height: 174rpx;
display: flex;
align-items: flex-start;
flex-flow: column;
justify-content: center;
color: #169BD5;
font-size: 26rpx;
border-top: 2rpx solid #F5F5F5;
}
\ No newline at end of file
... ...
... ... @@ -13,7 +13,7 @@
},
"compileType": "miniprogram",
"libVersion": "2.6.1",
"appid": "wx9053b434e50ee2dd",
"appid": "wx75855734b0730d64",
"projectname": "%E6%9D%8E%E4%B8%83%E5%BA%84",
"debugOptions": {
"hidedInDevtools": []
... ... @@ -28,13 +28,38 @@
"current": -1,
"list": []
},
"plugin": {
"current": -1,
"list": []
},
"game": {
"currentL": -1,
"list": []
},
"miniprogram": {
"current": -1,
"list": []
"current": 2,
"list": [
{
"id": -1,
"name": "公司详情",
"pathName": "pages/matrix/company/company",
"query": "",
"scene": null
},
{
"id": -1,
"name": "政策宣传",
"pathName": "pages/attract/attract",
"query": "",
"scene": null
},
{
"id": -1,
"name": "政策宣传详情",
"pathName": "pages/attract/detail/detail",
"scene": null
}
]
}
}
}
\ No newline at end of file
... ...