[更新]商城
This commit is contained in:
57
components/company/activeList/activeList.js
Normal file
57
components/company/activeList/activeList.js
Normal file
@@ -0,0 +1,57 @@
|
||||
// components/videoList/videoList.js
|
||||
Component({
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {
|
||||
lists:[],//列表
|
||||
company_id:wx.getStorageSync('company_id'),
|
||||
page:1,
|
||||
has_more:true,
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
/**
|
||||
* 跳转到详情
|
||||
*/
|
||||
toUrl(e){
|
||||
wx.navigateTo({
|
||||
url: '/pages/home/activeDetail/activeDetail?id='+e.currentTarget.dataset.id,
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 企业活动列表
|
||||
*/
|
||||
actives(){
|
||||
if(this.data.has_more){
|
||||
wx.$api.companyModule.actives('company',this.data.company_id,this.data.page).then(res=>{
|
||||
console.log(res)
|
||||
if(res.page.has_more){
|
||||
this.setData({
|
||||
has_more:true,
|
||||
page:this.data.page+1,
|
||||
})
|
||||
}else{
|
||||
this.setData({
|
||||
has_more:false
|
||||
})
|
||||
}
|
||||
var lists=this.data.lists.concat(res.data);
|
||||
this.setData({
|
||||
lists:lists
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
4
components/company/activeList/activeList.json
Normal file
4
components/company/activeList/activeList.json
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
16
components/company/activeList/activeList.wxml
Normal file
16
components/company/activeList/activeList.wxml
Normal file
@@ -0,0 +1,16 @@
|
||||
<view class="active_content" wx:for='{{lists}}'>
|
||||
<view class="active_cover">
|
||||
<view class="active_type_icon">论坛</view>
|
||||
<image class="active_cover_bg" src="{{item.pictures[0] || '/static/images/company_bg4.png'}}" mode="aspectFill">
|
||||
</image>
|
||||
<view class="active_title">{{item.title}}</view>
|
||||
</view>
|
||||
<view class="active_des">{{item.description}}</view>
|
||||
<view class="active_time">{{item.started_at}}至{{item.ended_at}}</view>
|
||||
<view class="active_line"></view>
|
||||
<view class="active_bottom">
|
||||
<view class="left">{{item.price > 0 ?'¥'+item.price:'免费'}} <span>限{{item.limits}}人报名</span></view>
|
||||
<view class="right" catchtap="toUrl" data-id='{{item.active_id}}'>进入活动</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="has_more">{{has_more?'~ 上拉加载更多 ~':'~ 暂无更多数据 ~'}}</view>
|
||||
123
components/company/activeList/activeList.wxss
Normal file
123
components/company/activeList/activeList.wxss
Normal file
@@ -0,0 +1,123 @@
|
||||
.active_content {
|
||||
background-color: #fff;
|
||||
margin: 20rpx;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.active_cover {
|
||||
width: 100%;
|
||||
height: 300rpx;
|
||||
position: relative;
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
overflow: hidden;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.active_cover_bg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.active_type_icon {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: #ffcc00;
|
||||
color: #4a1900;
|
||||
padding: 4rpx 20rpx;
|
||||
border-radius: 10rpx 0 20rpx 0;
|
||||
font-size: 24rpx;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.active_title {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
margin-top: 20rpx;
|
||||
padding: 10rpx 20rpx;
|
||||
font-weight: 600;
|
||||
font-size: 30rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
color: #Fff;
|
||||
-webkit-line-clamp: 1;
|
||||
z-index: 100;
|
||||
width: 98%;
|
||||
|
||||
}
|
||||
|
||||
.active_des {
|
||||
margin-top: 14rpx;
|
||||
padding: 0 20rpx;
|
||||
color: #666;
|
||||
font-size: 24rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
|
||||
.active_time {
|
||||
margin-top: 14rpx;
|
||||
padding: 0 20rpx;
|
||||
color: #666;
|
||||
font-size: 26rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
|
||||
.active_line {
|
||||
margin: 20rpx 20rpx 0 20rpx;
|
||||
border-bottom: solid 1rpx #f7f7f7;
|
||||
}
|
||||
|
||||
.active_bottom {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
font-size: 34rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
padding: 20rpx 0;
|
||||
}
|
||||
|
||||
.active_bottom .left {
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
|
||||
.active_bottom span {
|
||||
color: #999;
|
||||
font-size: 24rpx;
|
||||
padding-left: 10rpx;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.active_bottom .right {
|
||||
font-size: 24rpx;
|
||||
padding: 10rpx 30rpx;
|
||||
border-radius: 30rpx;
|
||||
background-color: #378fff;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.has_more {
|
||||
color: #999;
|
||||
font-size: 26rpx;
|
||||
text-align: center;
|
||||
padding: 30rpx;
|
||||
}
|
||||
81
components/company/enterprise/enterprise.js
Normal file
81
components/company/enterprise/enterprise.js
Normal file
@@ -0,0 +1,81 @@
|
||||
// components/enterprise/enterprise.js
|
||||
Component({
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties: {
|
||||
info:{
|
||||
type:Object
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {
|
||||
hidden: true,
|
||||
},
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
|
||||
// 展示隐藏企业文化
|
||||
hidden() {
|
||||
this.setData({
|
||||
hidden: !this.data.hidden
|
||||
})
|
||||
},
|
||||
/**
|
||||
*滚动条触发事件
|
||||
*/
|
||||
scroll(e) {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 跳转更多 1管理层 2 员工层 3 企业简介 4企业风采 5企业视频
|
||||
*/
|
||||
goPages(e) {
|
||||
switch (e.currentTarget.dataset.id) {
|
||||
case '1':
|
||||
console.log('更多管理层')
|
||||
wx.navigateTo({
|
||||
url: '/pages/home/companyMore/companyMore?type=1',
|
||||
})
|
||||
break;
|
||||
|
||||
case '2':
|
||||
console.log('更多员工层')
|
||||
wx.navigateTo({
|
||||
url: '/pages/home/companyMore/companyMore?type=2',
|
||||
})
|
||||
break;
|
||||
|
||||
case '4':
|
||||
console.log('更多企业风采')
|
||||
wx.navigateTo({
|
||||
url: '/pages/home/companyMore/companyMore?type=4',
|
||||
})
|
||||
break;
|
||||
|
||||
case '5':
|
||||
console.log('更多企业视频')
|
||||
wx.navigateTo({
|
||||
url: '/pages/home/companyMore/companyMore?type=5',
|
||||
})
|
||||
break;
|
||||
|
||||
default:
|
||||
break;
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
})
|
||||
7
components/company/enterprise/enterprise.json
Normal file
7
components/company/enterprise/enterprise.json
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"videoInfo": "/components/company/videoInfo/videoInfo",
|
||||
"fengcaiInfo": "/components/company/fengcaiInfo/fengcaiInfo"
|
||||
}
|
||||
}
|
||||
112
components/company/enterprise/enterprise.wxml
Normal file
112
components/company/enterprise/enterprise.wxml
Normal file
@@ -0,0 +1,112 @@
|
||||
<!-- 企业介绍 -->
|
||||
<block wx:if='{{info.base.description}}'>
|
||||
<view class="enterprise_title mt30">
|
||||
<view class="left">
|
||||
<image src="/static/images/enterprise_3.png" mode="widthFix"></image>企业介绍
|
||||
</view>
|
||||
<!-- <view class="right" catchtap="goPages" data-id='3'>更多<image src="/static/images/icon_right.png" mode="widthFix"></image>
|
||||
</view> -->
|
||||
</view>
|
||||
|
||||
<!-- 企业介绍展示 -->
|
||||
<view class="enterprise_content">
|
||||
<view class="content" style="-webkit-line-clamp: {{hidden?'4':'100'}}; line-clamp: {{hidden?'4':'100'}};">
|
||||
{{info.base.description}}
|
||||
</view>
|
||||
<view class="zhankai" catchtap="hidden" wx:if='{{hidden}}'>展开<image src="/static/images/icon_down.png"
|
||||
mode="widthFix"></image>
|
||||
</view>
|
||||
<view class="zhankai" catchtap="hidden" wx:else>隐藏<image src="/static/images/icon_up.png" mode="widthFix"></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</block>
|
||||
<!-- 管理层 -->
|
||||
<block>
|
||||
<view class="enterprise_title mt50">
|
||||
<view class="left">
|
||||
<image src="/static/images/enterprise_1 .png" mode="widthFix"></image>员工信息
|
||||
</view>
|
||||
<view class="right" catchtap="goPages" data-id='1'>更多<image src="/static/images/icon_right.png" mode="widthFix">
|
||||
</image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 管理层人员展示 -->
|
||||
<scroll-view class="scroll-view_H" scroll-x="true" bindscroll="scroll" style="width: 100%">
|
||||
<view class="scroll-view-item_H" wx:for='{{info.colleagues}}'>
|
||||
<view class="enterprise_list ">
|
||||
<image class="enterprise_header" src="{{item.cover || '/static/images/company_bg4.png'}} "></image>
|
||||
<view class="enterprise_nickname">{{item.name}}</view>
|
||||
<view class="enterprise_job">{{item.job}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</block>
|
||||
|
||||
<!-- 员工层 -->
|
||||
<block>
|
||||
<!-- <view class="enterprise_title mt50">
|
||||
<view class="left">
|
||||
<image src="/static/images/enterprise_2.png" mode="widthFix"></image>员工层
|
||||
</view>
|
||||
<view class="right" catchtap="goPages" data-id='2'>更多<image src="/static/images/icon_right.png" mode="widthFix">
|
||||
</image>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
<!-- 员工层人员展示 -->
|
||||
<!-- <scroll-view class="scroll-view_H" scroll-x="true" bindscroll="scroll" style="width: 100%">
|
||||
<view class="scroll-view-item_H" wx:for='{{3}}'>
|
||||
<view class="enterprise_list ">
|
||||
<image class="enterprise_header" src="/static/images/company_bg4.png"></image>
|
||||
<view class="enterprise_nickname">张冬雪</view>
|
||||
<view class="enterprise_job">职员</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view> -->
|
||||
</block>
|
||||
|
||||
|
||||
<!-- 企业风采 -->
|
||||
<block wx:if='{{info.graces.length>0}}'>
|
||||
<view class="enterprise_title mt50">
|
||||
<view class="left">
|
||||
<image src="/static/images/enterprise_4.png" mode="widthFix"></image>企业风采
|
||||
</view>
|
||||
<view class="right" catchtap="goPages" data-id='4'>更多<image src="/static/images/icon_right.png" mode="widthFix">
|
||||
</image>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 企业风采展示 -->
|
||||
<fengcaiInfo info='{{info.graces[0]}}'></fengcaiInfo>
|
||||
</block>
|
||||
|
||||
<!-- 企业视频 -->
|
||||
<block wx:if='{{info.videos.length>0}}'>
|
||||
<view class="enterprise_title mt50">
|
||||
<view class="left">
|
||||
<image src="/static/images/enterprise_5.png" mode="widthFix"></image>企业视频
|
||||
</view>
|
||||
<view class="right" catchtap="goPages" data-id='5'>更多<image src="/static/images/icon_right.png" mode="widthFix">
|
||||
</image>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 企业视频展示 -->
|
||||
<videoInfo info='{{info.videos[0]}}'></videoInfo>
|
||||
</block>
|
||||
|
||||
<!-- 荣誉资质 -->
|
||||
<block wx:if='{{info.base.pictures.length>0}}'>
|
||||
<view class="enterprise_title mt50">
|
||||
<view class="left">
|
||||
<image src="/static/images/enterprise_6.png" mode="widthFix"></image>荣誉资质
|
||||
</view>
|
||||
</view>
|
||||
<!-- 荣誉资质展示 -->
|
||||
<view class="enterprise_content">
|
||||
<view class="content">
|
||||
<image wx:for='{{info.base.pictures}}' src="{{item}}" mode="widthFix"></image>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
168
components/company/enterprise/enterprise.wxss
Normal file
168
components/company/enterprise/enterprise.wxss
Normal file
@@ -0,0 +1,168 @@
|
||||
/* components/enterprise/enterprise.wxss */
|
||||
/* title */
|
||||
image{
|
||||
height: auto;
|
||||
}
|
||||
.enterprise_title{
|
||||
padding: 0 30rpx;
|
||||
height: 80rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
font-size: 30rpx;
|
||||
color: #333;
|
||||
font-weight: 600;
|
||||
}
|
||||
.enterprise_title .left , .enterprise_title .right{
|
||||
line-height: 80rpx;
|
||||
height: 80rpx;
|
||||
}
|
||||
.enterprise_title .left image{
|
||||
width: 28rpx;
|
||||
height: auto;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
.enterprise_title .right{
|
||||
color: #666;
|
||||
font-weight: normal;
|
||||
font-size: 28rpx;
|
||||
|
||||
}
|
||||
.enterprise_title .right image{
|
||||
width: 12rpx;
|
||||
height: auto;
|
||||
margin-left: 10rpx;
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
/* 管理层 */
|
||||
.scroll-view_H{
|
||||
white-space: nowrap;
|
||||
padding: 0 0 0 10px;
|
||||
box-sizing: border-box;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.scroll-view-item{
|
||||
height: 200rpx;
|
||||
}
|
||||
.scroll-view-item_H{
|
||||
margin-right: 10rpx;
|
||||
padding: 10rpx 00rpx;
|
||||
width: 20%;
|
||||
height: 200rpx;
|
||||
display: inline-block;
|
||||
}
|
||||
.enterprise_list{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.enterprise_header{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.5);
|
||||
border: solid 2rpx #f7f7f7;
|
||||
}
|
||||
|
||||
.enterprise_nickname{
|
||||
width: 100%;
|
||||
font-size: 29rpx;
|
||||
color: #333;
|
||||
font-weight: 600;
|
||||
margin-top: 10rpx;
|
||||
white-space: nowrap;
|
||||
overflow:hidden;
|
||||
text-overflow: ellipsis;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.enterprise_job{
|
||||
width: 100%;
|
||||
font-size: 23rpx;
|
||||
color: #666;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
margin-top: 2rpx;
|
||||
white-space: nowrap;
|
||||
overflow:hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
/* 企业文化 */
|
||||
.enterprise_content{
|
||||
font-size:29rpx ;
|
||||
color: #333;
|
||||
margin: 0 30rpx;
|
||||
border-radius: 12rpx;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 0 14rpx rgba(0, 0, 0, 0.3);
|
||||
margin-top: 20rpx;
|
||||
padding:30rpx 30rpx 20rpx 30rpx;
|
||||
|
||||
}
|
||||
.enterprise_content .content{
|
||||
position: relative;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 4;
|
||||
line-clamp: 4;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
.enterprise_content .zhankai{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #999;
|
||||
padding: 20rpx 20rpx 0 20rpx ;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.enterprise_content .zhankai image{
|
||||
width: 20rpx;
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
|
||||
.mt30{
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
|
||||
.mt50{
|
||||
margin-top: 50rpx;
|
||||
}
|
||||
|
||||
.txt_center{
|
||||
text-align: center;
|
||||
font-size: 29rpx;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
/* 播放 */
|
||||
.content .play{
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
width: 100%;
|
||||
height: calc(100% - 10rpx);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.content .play image{
|
||||
width: 102rpx;
|
||||
height: 102rpx;
|
||||
}
|
||||
24
components/company/fengcaiInfo/fengcaiInfo.js
Normal file
24
components/company/fengcaiInfo/fengcaiInfo.js
Normal file
@@ -0,0 +1,24 @@
|
||||
Component({
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties: {
|
||||
info:{
|
||||
type:Object
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
|
||||
}
|
||||
})
|
||||
4
components/company/fengcaiInfo/fengcaiInfo.json
Normal file
4
components/company/fengcaiInfo/fengcaiInfo.json
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
6
components/company/fengcaiInfo/fengcaiInfo.wxml
Normal file
6
components/company/fengcaiInfo/fengcaiInfo.wxml
Normal file
@@ -0,0 +1,6 @@
|
||||
<view class="enterprise_content">
|
||||
<view class="content" >
|
||||
<image src="{{info.cover || '/static/images/company_bg4.png'}}" mode="widthFix"></image>
|
||||
</view>
|
||||
<view class="content txt_center" >{{info.title}} </view>
|
||||
</view>
|
||||
42
components/company/fengcaiInfo/fengcaiInfo.wxss
Normal file
42
components/company/fengcaiInfo/fengcaiInfo.wxss
Normal file
@@ -0,0 +1,42 @@
|
||||
/* 企业视频*/
|
||||
.enterprise_content{
|
||||
font-size:29rpx ;
|
||||
color: #333;
|
||||
margin: 0 30rpx;
|
||||
border-radius: 12rpx;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 0 14rpx rgba(0, 0, 0, 0.3);
|
||||
margin-top: 20rpx;
|
||||
padding:30rpx 30rpx 20rpx 30rpx;
|
||||
|
||||
}
|
||||
.enterprise_content .content{
|
||||
position: relative;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* 播放 */
|
||||
.content .play{
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
width: 100%;
|
||||
height: calc(100% - 10rpx);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.content .play image{
|
||||
width: 102rpx;
|
||||
height: 102rpx;
|
||||
}
|
||||
57
components/company/noticeList/noticeList.js
Normal file
57
components/company/noticeList/noticeList.js
Normal file
@@ -0,0 +1,57 @@
|
||||
// components/videoList/videoList.js
|
||||
Component({
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {
|
||||
lists:[],//列表
|
||||
company_id:wx.getStorageSync('company_id'),
|
||||
page:1,
|
||||
has_more:true,
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
/**
|
||||
* 跳转到详情
|
||||
*/
|
||||
toUrl(e){
|
||||
wx.navigateTo({
|
||||
url: '/pages/home/noticeDetail/noticeDetail?id='+e.currentTarget.dataset.id,
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 企业活动列表
|
||||
*/
|
||||
actives(){
|
||||
if(this.data.has_more){
|
||||
wx.$api.companyModule.dynamics(this.data.company_id,this.data.page).then(res=>{
|
||||
console.log(res)
|
||||
if(res.page.has_more){
|
||||
this.setData({
|
||||
has_more:true,
|
||||
page:this.data.page+1,
|
||||
})
|
||||
}else{
|
||||
this.setData({
|
||||
has_more:false
|
||||
})
|
||||
}
|
||||
var lists=this.data.lists.concat(res.data);
|
||||
this.setData({
|
||||
lists:lists
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
4
components/company/noticeList/noticeList.json
Normal file
4
components/company/noticeList/noticeList.json
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
9
components/company/noticeList/noticeList.wxml
Normal file
9
components/company/noticeList/noticeList.wxml
Normal file
@@ -0,0 +1,9 @@
|
||||
<view class="active_content" wx:for='{{lists}}' catchtap="toUrl" data-id='{{item.dynamic_id}}'>
|
||||
<view class="active_cover">
|
||||
<view class="active_type_icon">最新动态</view>
|
||||
<image class="active_cover_bg" src="{{item.cover || '/static/images/company_bg4.png'}}" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="active_title">{{item.title}}</view>
|
||||
<view class="active_des">{{item.created_at}}</view>
|
||||
</view>
|
||||
<view class="has_more">{{has_more?'~ 上拉加载更多 ~':'~ 暂无更多数据 ~'}}</view>
|
||||
114
components/company/noticeList/noticeList.wxss
Normal file
114
components/company/noticeList/noticeList.wxss
Normal file
@@ -0,0 +1,114 @@
|
||||
.active_content {
|
||||
/* height: 600rpx; */
|
||||
background-color: #fff;
|
||||
margin: 20rpx;
|
||||
box-sizing: border-box;
|
||||
padding-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.active_cover {
|
||||
width: 100%;
|
||||
height: 400rpx;
|
||||
position: relative;
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
overflow: hidden;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.active_cover_bg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.active_type_icon {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: #ffcc00;
|
||||
color: #4a1900;
|
||||
padding: 4rpx 20rpx;
|
||||
border-radius: 10rpx 0 20rpx 0;
|
||||
font-size: 24rpx;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.active_title {
|
||||
margin-top: 20rpx;
|
||||
padding: 0 20rpx;
|
||||
color: #333;
|
||||
font-weight: 600;
|
||||
font-size: 28rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 1;
|
||||
}
|
||||
|
||||
.active_des {
|
||||
margin-top: 14rpx;
|
||||
padding: 0 20rpx;
|
||||
color: #666;
|
||||
font-size: 24rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
|
||||
.active_time {
|
||||
margin-top: 14rpx;
|
||||
padding: 0 20rpx;
|
||||
color: #666;
|
||||
font-size: 26rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
|
||||
.active_line {
|
||||
margin: 20rpx 20rpx 0 20rpx;
|
||||
border-bottom: solid 1rpx #f7f7f7;
|
||||
}
|
||||
|
||||
.active_bottom {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.active_bottom span {
|
||||
color: #999;
|
||||
font-size: 24rpx;
|
||||
padding-left: 10rpx;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.active_bottom .right {
|
||||
font-size: 28rpx;
|
||||
color:#378fff;
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
||||
.active_bottom .left{
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
|
||||
.has_more{
|
||||
color: #999;
|
||||
font-size: 26rpx;
|
||||
text-align: center;
|
||||
padding: 30rpx ;
|
||||
}
|
||||
23
components/company/personalInfo/personalInfo.js
Normal file
23
components/company/personalInfo/personalInfo.js
Normal file
@@ -0,0 +1,23 @@
|
||||
Component({
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties: {
|
||||
info:Object
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
// 获取员工列表
|
||||
|
||||
}
|
||||
})
|
||||
4
components/company/personalInfo/personalInfo.json
Normal file
4
components/company/personalInfo/personalInfo.json
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
7
components/company/personalInfo/personalInfo.wxml
Normal file
7
components/company/personalInfo/personalInfo.wxml
Normal file
@@ -0,0 +1,7 @@
|
||||
<view class="personal_list">
|
||||
<image class="personal_header" src="{{info.cover}}"></image>
|
||||
<view class='personal_left'>
|
||||
<view class="personal_nickname">{{info.name}}<span class="personal_job">({{info.job}})</span></view>
|
||||
<view class="personal_job">{{info.mobile}}</view>
|
||||
</view>
|
||||
</view>
|
||||
50
components/company/personalInfo/personalInfo.wxss
Normal file
50
components/company/personalInfo/personalInfo.wxss
Normal file
@@ -0,0 +1,50 @@
|
||||
.personal_list{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
border-bottom: solid 1rpx #f7f7f7;
|
||||
background-color: #fff;
|
||||
padding: 20rpx 30rpx;
|
||||
}
|
||||
|
||||
.personal_header{
|
||||
width: 120rpx;
|
||||
height: 120rpx;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.5);
|
||||
border: solid 2rpx #f7f7f7;
|
||||
}
|
||||
|
||||
.personal_nickname{
|
||||
width: 100%;
|
||||
font-size: 32rpx;
|
||||
color: #333;
|
||||
font-weight: 600;
|
||||
margin-top: 10rpx;
|
||||
white-space: nowrap;
|
||||
overflow:hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.personal_job{
|
||||
width: 100%;
|
||||
font-size: 26rpx;
|
||||
color: #666;
|
||||
font-weight: normal;
|
||||
white-space: nowrap;
|
||||
overflow:hidden;
|
||||
text-overflow: ellipsis;
|
||||
margin-top: 6rpx;
|
||||
padding-left: 10rpx;
|
||||
}
|
||||
|
||||
.personal_left{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: start;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
92
components/company/projectRaise/projectRaise.js
Normal file
92
components/company/projectRaise/projectRaise.js
Normal file
@@ -0,0 +1,92 @@
|
||||
// components/videoList/videoList.js
|
||||
Component({
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties: {
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {
|
||||
lists:[],//列表
|
||||
categoryList:[],
|
||||
category_id:'0',
|
||||
company_id:wx.getStorageSync('company_id'),
|
||||
page:1,
|
||||
has_more:true,
|
||||
},
|
||||
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
/**
|
||||
* 跳转到详情
|
||||
*/
|
||||
toUrl(e){
|
||||
wx.navigateTo({
|
||||
url: '/pages/home/projectDetail/projectDetail?id='+e.currentTarget.dataset.id,
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 点击按钮触发事件
|
||||
*/
|
||||
menuSelect: function (e) {
|
||||
var category_id=e.currentTarget.dataset.id;
|
||||
if(this.data.category_id!=category_id){
|
||||
console.log(category_id);
|
||||
this.setData({
|
||||
category_id:category_id,
|
||||
lists:[],
|
||||
page:1,
|
||||
has_more:true
|
||||
})
|
||||
this.crowdfunds();
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 请求项目筹集分类接口
|
||||
*/
|
||||
crowdfundcategory(company_id){
|
||||
wx.$api.companyModule.crowdfundcategory(company_id).then(res=>{
|
||||
console.log(res)
|
||||
this.setData({
|
||||
categoryList:res,
|
||||
category_id:res[0].id
|
||||
})
|
||||
this.crowdfunds();
|
||||
})
|
||||
},
|
||||
|
||||
/**
|
||||
* 请求根据分类获取列表
|
||||
*/
|
||||
crowdfunds(){
|
||||
if(this.data.has_more){
|
||||
wx.$api.companyModule.crowdfunds(this.data.company_id,this.data.category_id,this.data.page).then(res=>{
|
||||
console.log(res)
|
||||
if(res.page.has_more){
|
||||
this.setData({
|
||||
has_more:true,
|
||||
page:this.data.page+1,
|
||||
})
|
||||
}else{
|
||||
this.setData({
|
||||
has_more:false
|
||||
})
|
||||
}
|
||||
var lists=this.data.lists.concat(res.data);
|
||||
this.setData({
|
||||
lists:lists
|
||||
})
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
}
|
||||
})
|
||||
4
components/company/projectRaise/projectRaise.json
Normal file
4
components/company/projectRaise/projectRaise.json
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
41
components/company/projectRaise/projectRaise.wxml
Normal file
41
components/company/projectRaise/projectRaise.wxml
Normal file
@@ -0,0 +1,41 @@
|
||||
<!-- 分类 -->
|
||||
|
||||
<view class="scroll_menu">
|
||||
<scroll-view class="scroll-view_H" scroll-x="true" bindscroll="scroll" style="width: 100%">
|
||||
<view id="menu1" wx:for='{{categoryList}}' catchtap="menuSelect" data-id='{{item.id}}'
|
||||
class="scroll-view-item_H {{category_id==item.id?'scroll_view_select':''}}">{{item.title}}</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
|
||||
<view class="project_content" wx:for='{{lists}}' catchtap="toUrl" data-id='{{item.crowdfund_id}}'>
|
||||
<view class="project_cover">
|
||||
<view class="project_type_icon" wx:if='{{item.status==2}}'>{{item.status_text}}</view>
|
||||
<image class="project_cover_bg" src="{{item.cover}}" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="project_title">{{item.title}}</view>
|
||||
<view class="project_bottom ">
|
||||
<span class="color333">{{item.city}}/{{item.category}}</span>
|
||||
<span class="color333">{{item.ratio}}%</span>
|
||||
</view>
|
||||
<view class="project_line">
|
||||
<progress percent="{{item.ratio*100}}" color="#378fff" active stroke-width="6" />
|
||||
</view>
|
||||
<view class="project_bottom" wx:if='{{item.status==1}}'>
|
||||
<span>筹集金额 ¥{{item.amount}}</span>
|
||||
<span>剩余天数 {{item.diffDays}}天</span>
|
||||
</view>
|
||||
<view class="project_bottom" wx:elif='{{item.status==3}}'>
|
||||
<span></span>
|
||||
<span>已成功</span>
|
||||
</view>
|
||||
<view class="project_bottom" wx:elif='{{item.status==2}}'>
|
||||
<span>倒计时{{item.openDiffDays}}</span>
|
||||
<span>{{item.likes}}人关注</span>
|
||||
</view>
|
||||
<view class="project_bottom" wx:elif='{{item.status==4}}'>
|
||||
<span></span>
|
||||
<span>已结束</span>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="has_more">{{has_more?'~ 上拉加载更多 ~':'~ 暂无更多数据 ~'}}</view>
|
||||
136
components/company/projectRaise/projectRaise.wxss
Normal file
136
components/company/projectRaise/projectRaise.wxss
Normal file
@@ -0,0 +1,136 @@
|
||||
.project_content {
|
||||
background-color: #fff;
|
||||
margin: 20rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.project_cover {
|
||||
width: 100%;
|
||||
height: 340rpx;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.project_cover_bg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.project_type_icon {
|
||||
position: absolute;
|
||||
top: 10rpx;
|
||||
left: 10rpx;
|
||||
background-color: #ffcc00;
|
||||
border-radius: 4rpx;
|
||||
color: #4a1900;
|
||||
padding: 6rpx 16rpx;
|
||||
font-size: 24rpx;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.project_title {
|
||||
margin-top: 20rpx;
|
||||
padding: 0 20rpx;
|
||||
color: #333;
|
||||
font-weight: 600;
|
||||
font-size: 28rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 4;
|
||||
}
|
||||
|
||||
.project_des {
|
||||
margin-top: 14rpx;
|
||||
padding: 0 10rpx;
|
||||
color: #666;
|
||||
font-size: 24rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
|
||||
.project_time {
|
||||
margin-top: 14rpx;
|
||||
padding: 0 10rpx;
|
||||
color: #666;
|
||||
font-size: 26rpx;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
|
||||
.project_line {
|
||||
margin: 0 20rpx;
|
||||
border-bottom: solid 1rpx #f7f7f7;
|
||||
}
|
||||
|
||||
.project_bottom {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
.project_bottom span {
|
||||
color: #999;
|
||||
font-size: 24rpx;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.project_bottom .color333 {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
|
||||
/* 滚动菜单 */
|
||||
.scroll_menu{
|
||||
/* background-color: #fff; */
|
||||
/* box-shadow: 0 0rpx 10px rgba(0, 0, 0, 0.1); */
|
||||
font-size: 26rpx;
|
||||
}
|
||||
.scroll-view_H{
|
||||
white-space: nowrap;
|
||||
color: #666;
|
||||
}
|
||||
.scroll-view-item{
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
}
|
||||
.scroll-view-item_H{
|
||||
display: inline-block;
|
||||
/* width: 25%; */
|
||||
padding: 0 30rpx;
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
text-align: center;
|
||||
/* border-top: solid 10rpx #fff;
|
||||
border-bottom: solid 10rpx #fff; */
|
||||
}
|
||||
.scroll_view_select{
|
||||
/* border-bottom: solid 4rpx #378fff; */
|
||||
color: #378fff;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.has_more{
|
||||
color: #999;
|
||||
font-size: 26rpx;
|
||||
text-align: center;
|
||||
padding: 30rpx ;
|
||||
}
|
||||
43
components/company/userInfoLayer/userInfoLayer.js
Normal file
43
components/company/userInfoLayer/userInfoLayer.js
Normal file
@@ -0,0 +1,43 @@
|
||||
|
||||
/**
|
||||
* Web唐明明
|
||||
* 一个梦想做木雕手艺人的程序员
|
||||
* explain: userInfoLayer
|
||||
*/
|
||||
|
||||
Component({
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties: {
|
||||
showLayer: {
|
||||
type : Boolean,
|
||||
value : false
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
userInfo(info){
|
||||
if(info.detail.errMsg == "getUserInfo:ok"){
|
||||
wx.$api.auth.authInfo({
|
||||
nickname: info.detail.userInfo.nickName,
|
||||
avatar : info.detail.userInfo.avatarUrl
|
||||
}).then(()=>{
|
||||
this.triggerEvent("updateinfo", true)
|
||||
this.setData({
|
||||
showLayer: false
|
||||
})
|
||||
})
|
||||
}else{
|
||||
wx.showToast({
|
||||
title: '拒绝了授权',
|
||||
icon : 'none'
|
||||
})
|
||||
this.triggerEvent("updateinfo", false)
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
4
components/company/userInfoLayer/userInfoLayer.json
Normal file
4
components/company/userInfoLayer/userInfoLayer.json
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
14
components/company/userInfoLayer/userInfoLayer.wxml
Normal file
14
components/company/userInfoLayer/userInfoLayer.wxml
Normal file
@@ -0,0 +1,14 @@
|
||||
|
||||
<block wx:if="{{showLayer}}">
|
||||
<view class="layer-back active"></view>
|
||||
<view class="layer-content">
|
||||
<view class="layer-content-block">
|
||||
<image class="layer-content-img" src="./userInfoLayer_img.png" mode="widthFix"></image>
|
||||
<view class="layer-content-mian">
|
||||
<view class="layer-content-title">完善信息</view>
|
||||
<view class="layer-content-text">获取您的公开信息(头像,昵称等),完善平台信息</view>
|
||||
<button class="layer-content-btn" size="default" open-type="getUserInfo" bindgetuserinfo="userInfo">授权微信</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
70
components/company/userInfoLayer/userInfoLayer.wxss
Normal file
70
components/company/userInfoLayer/userInfoLayer.wxss
Normal file
@@ -0,0 +1,70 @@
|
||||
|
||||
/**
|
||||
* Web唐明明
|
||||
* 一个梦想做木雕手艺人的程序员
|
||||
*/
|
||||
|
||||
.layer-back,
|
||||
.layer-content{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.layer-back{
|
||||
z-index: 999;
|
||||
background-color: rgba(0, 0, 0, .3);
|
||||
}
|
||||
|
||||
.layer-content{
|
||||
z-index: 1000;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-pack: center;
|
||||
text-align: center;
|
||||
padding-bottom: 100rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.layer-content-block{
|
||||
background-color: white;
|
||||
width: 500rpx;
|
||||
display: inline-block;
|
||||
border-radius: 8rpx;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.layer-content-img{
|
||||
width: 100%;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.layer-content-mian{
|
||||
padding: 40rpx;
|
||||
}
|
||||
|
||||
.layer-content-title{
|
||||
font-weight: bold;
|
||||
font-size: 38rpx;
|
||||
line-height: 90rpx;
|
||||
}
|
||||
|
||||
.layer-content-btn[size="default"]{
|
||||
background-color: #0c0047;
|
||||
color: white;
|
||||
width: 100%;
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
border-radius: 0;
|
||||
font-size: 34rpx;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.layer-content-text{
|
||||
padding-bottom: 40rpx;
|
||||
font-size: 30rpx;
|
||||
color: #afafaf;
|
||||
}
|
||||
BIN
components/company/userInfoLayer/userInfoLayer_img.png
Normal file
BIN
components/company/userInfoLayer/userInfoLayer_img.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
24
components/company/videoInfo/videoInfo.js
Normal file
24
components/company/videoInfo/videoInfo.js
Normal file
@@ -0,0 +1,24 @@
|
||||
Component({
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties: {
|
||||
info:{
|
||||
type:Object
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
|
||||
}
|
||||
})
|
||||
4
components/company/videoInfo/videoInfo.json
Normal file
4
components/company/videoInfo/videoInfo.json
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
6
components/company/videoInfo/videoInfo.wxml
Normal file
6
components/company/videoInfo/videoInfo.wxml
Normal file
@@ -0,0 +1,6 @@
|
||||
<view class="enterprise_content">
|
||||
<view class="content">
|
||||
<video src="{{info.path_url}}"></video>
|
||||
</view>
|
||||
<view class="content txt_center">{{info.description}} </view>
|
||||
</view>
|
||||
42
components/company/videoInfo/videoInfo.wxss
Normal file
42
components/company/videoInfo/videoInfo.wxss
Normal file
@@ -0,0 +1,42 @@
|
||||
/* 企业视频*/
|
||||
.enterprise_content{
|
||||
font-size:29rpx ;
|
||||
color: #333;
|
||||
margin: 0 30rpx;
|
||||
border-radius: 12rpx;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 0 14rpx rgba(0, 0, 0, 0.3);
|
||||
margin-top: 20rpx;
|
||||
padding:30rpx 30rpx 20rpx 30rpx;
|
||||
|
||||
}
|
||||
.enterprise_content .content{
|
||||
position: relative;
|
||||
text-overflow: -o-ellipsis-lastline;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 1;
|
||||
line-clamp: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* 播放 */
|
||||
.content .play{
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
width: 100%;
|
||||
height: calc(100% - 10rpx);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.content .play image{
|
||||
width: 102rpx;
|
||||
height: 102rpx;
|
||||
}
|
||||
23
components/company/videoList/videoList.js
Normal file
23
components/company/videoList/videoList.js
Normal file
@@ -0,0 +1,23 @@
|
||||
// components/videoList/videoList.js
|
||||
Component({
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的初始数据
|
||||
*/
|
||||
data: {
|
||||
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
|
||||
}
|
||||
})
|
||||
4
components/company/videoList/videoList.json
Normal file
4
components/company/videoList/videoList.json
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
8
components/company/videoList/videoList.wxml
Normal file
8
components/company/videoList/videoList.wxml
Normal file
@@ -0,0 +1,8 @@
|
||||
<!-- 企业视频展示 -->
|
||||
<view class="video_content">
|
||||
<view class='video_item' wx:for='{{10}}'>
|
||||
<view class="video_item_zhiding" wx:if='{{index==0 || index==1 || index==2}}'>置顶</view>
|
||||
<image class="video_item_bg" src="/static/images/company_bg4.png" mode="aspectFill"></image>
|
||||
<image class="video_item_eye" src="/static/images/eye.png" mode="widthFix"></image>2360
|
||||
</view>
|
||||
</view>
|
||||
49
components/company/videoList/videoList.wxss
Normal file
49
components/company/videoList/videoList.wxss
Normal file
@@ -0,0 +1,49 @@
|
||||
.video_content {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.video_item {
|
||||
margin-top: 2rpx;
|
||||
margin-left: 0.25%;
|
||||
width: 33%;
|
||||
height: 280rpx;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: start;
|
||||
align-items: flex-end;
|
||||
box-sizing: border-box;
|
||||
padding: 20rpx;
|
||||
font-size: 26rpx;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.video_item_bg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: -1;
|
||||
}
|
||||
.video_item_eye{
|
||||
width: 30rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
.video_item_zhiding{
|
||||
position: absolute;
|
||||
top: 12rpx;
|
||||
left: 12rpx;
|
||||
background-color:#ffcc00 ;
|
||||
color:#4a1900 ;
|
||||
padding: 4rpx 10rpx;
|
||||
border-radius: 4rpx;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
Reference in New Issue
Block a user