[更新]商城

This commit is contained in:
张慢慢
2020-12-28 11:47:18 +08:00
106 changed files with 4519 additions and 184 deletions

View 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
})
})
}
}
}
})

View File

@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}

View 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>

View 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;
}

View 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;
}
},
}
})

View File

@@ -0,0 +1,7 @@
{
"component": true,
"usingComponents": {
"videoInfo": "/components/company/videoInfo/videoInfo",
"fengcaiInfo": "/components/company/fengcaiInfo/fengcaiInfo"
}
}

View 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>

View 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;
}

View File

@@ -0,0 +1,24 @@
Component({
/**
* 组件的属性列表
*/
properties: {
info:{
type:Object
}
},
/**
* 组件的初始数据
*/
data: {
},
/**
* 组件的方法列表
*/
methods: {
}
})

View File

@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}

View 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>

View 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;
}

View 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
})
})
}
}
}
})

View File

@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}

View 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>

View 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 ;
}

View File

@@ -0,0 +1,23 @@
Component({
/**
* 组件的属性列表
*/
properties: {
info:Object
},
/**
* 组件的初始数据
*/
data: {
},
/**
* 组件的方法列表
*/
methods: {
// 获取员工列表
}
})

View File

@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}

View 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>

View 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;
}

View 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
})
})
}
},
}
})

View File

@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}

View 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>

View 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 ;
}

View 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)
}
}
}
})

View File

@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}

View 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>

View 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;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

View File

@@ -0,0 +1,24 @@
Component({
/**
* 组件的属性列表
*/
properties: {
info:{
type:Object
}
},
/**
* 组件的初始数据
*/
data: {
},
/**
* 组件的方法列表
*/
methods: {
}
})

View File

@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}

View 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>

View 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;
}

View File

@@ -0,0 +1,23 @@
// components/videoList/videoList.js
Component({
/**
* 组件的属性列表
*/
properties: {
},
/**
* 组件的初始数据
*/
data: {
},
/**
* 组件的方法列表
*/
methods: {
}
})

View File

@@ -0,0 +1,4 @@
{
"component": true,
"usingComponents": {}
}

View 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>

View 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;
}