|
@@ -4,36 +4,37 @@
|
|
|
<statusBar :item="navbar"></statusBar>
|
|
|
|
|
|
<!-- 顶部 -->
|
|
|
- <view class="backPic" v-for="(item,index) in actItemList" :key="index + 'a' ">
|
|
|
+ <view class="backPic">
|
|
|
<image src="https://teacherapi.cocorobo.cn/teaching-file/static//yym/Rectangle 40.png" mode="aspectFill">
|
|
|
</image>
|
|
|
<view class="card">
|
|
|
<view class="cardTop">
|
|
|
- <view class="title three-font">{{ item.acName }}</view>
|
|
|
+ <view class="title three-font">{{ actItemList.acName }}</view>
|
|
|
<view class="icons">
|
|
|
<view class="icon" @click="coll">
|
|
|
- <image :src="collArr.includes(item.acId) ? pic_coll2 : pic_coll "
|
|
|
+ <image :src="collArr.includes(actItemList.acId) ? pic_coll2 : pic_coll "
|
|
|
style="width: 42rpx;height: 42rpx;" mode="aspectFill"></image>
|
|
|
</view>
|
|
|
<view class="icon" @click="sub">
|
|
|
<image
|
|
|
- :src="subArr.includes(item.acId) ? pic_sub2 : pic_sub "
|
|
|
+ :src="subArr.includes(actItemList.acId) ? pic_sub2 : pic_sub "
|
|
|
style="width: 38rpx;height: 42rpx;" mode="aspectFill"></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="col fz-font">
|
|
|
- 成立日期:{{ item.create_at.split('T')[0] }}
|
|
|
+ 成立日期:{{ actItemList.create_at}}
|
|
|
</view>
|
|
|
<view class="col fz-font">
|
|
|
- 人数:{{ item.pers }}人
|
|
|
+ 当前人数:{{ actItemList.pers }}/50人
|
|
|
</view>
|
|
|
<view class="tag col">
|
|
|
- <view class="fz-font">教研标签:</view>
|
|
|
+ <view class="fz-font tag">教研标签:</view>
|
|
|
+
|
|
|
<view class="" style="display: flex;">
|
|
|
<view class="bqZ-font"
|
|
|
style="color: #00b2b6; border: 1px #00b2b6 solid;padding: 2rpx 10rpx;border-radius: 5rpx;font-weight: 600;">
|
|
|
- {{ typetext }}
|
|
|
+ 暂无
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -54,23 +55,48 @@
|
|
|
|
|
|
<!-- 教研室详情 -->
|
|
|
<view class="" style="padding: 0 30rpx;">
|
|
|
- <detailBlock :actItemList='actItemList' :item="judge"></detailBlock>
|
|
|
+ <!-- <detailBlock :actItemList='actItemList' :item="judge"></detailBlock> -->
|
|
|
+ <view class="detailBlock">
|
|
|
+ <view class="tit fwb-font">教研室详情</view>
|
|
|
+ <view class="cont sZw-font">
|
|
|
+ 会议时间:<text>{{ actItemList.begin_at }}</text>
|
|
|
+ </view>
|
|
|
+ <view class="cont sZw-font">
|
|
|
+ 活动形式:<text style="color: #0056a8;">{{ actItemList.acshape }}</text>
|
|
|
+ </view>
|
|
|
+ <view class="cont sZw-font">
|
|
|
+ <!-- <view id="myElement" class="activeTit">
|
|
|
+ 教研室概况:查看更多查看更多查看更多看更多查看更多查看更多查看更多查看更多查看更多查看更多查看更多看更多查看更多查看更多查看更多查看更多
|
|
|
+ </view>
|
|
|
+ <text class="zdwz" style="color: #0056a8;float: right;" @click="zdwz">收起</text> -->
|
|
|
+ <view class="content">
|
|
|
+ <view ref="p" :class="getClassNames">
|
|
|
+ <text style="color: #999999;">教研室概况:</text>
|
|
|
+ {{actItemList.brief}}
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view ref="btnnn" :class="getClassNames1" @click="qqq">
|
|
|
+ <!-- {{isAll ? '收起' : '展开'}} -->
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
|
|
|
<!-- 创建者用户名 -->
|
|
|
<view style="padding: 0 30rpx;">
|
|
|
- <view class="creator" v-for="(item,index) in actItemList" :key="index + 'b' ">
|
|
|
+ <view class="creator">
|
|
|
<image
|
|
|
- :src="item.avatar == null ? 'https://teacherapi.cocorobo.cn/teaching-file/static//mine/Avatar_default.png' : item.avatar"
|
|
|
+ :src="actItemList.avatar"
|
|
|
mode="aspectFill"></image>
|
|
|
<view class="creName btn-font">
|
|
|
- {{ item.username }}
|
|
|
+ {{ actItemList.username }}
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<!-- 当前成员 -->
|
|
|
- <view style="padding: 0 30rpx; display: none;">
|
|
|
+ <!-- <view style="padding: 0 30rpx; display: none;">
|
|
|
<view class="member">
|
|
|
<view class="memberTop">
|
|
|
<view class="btn-font">当前成员</view>
|
|
@@ -79,31 +105,26 @@
|
|
|
<text>查看更多</text>
|
|
|
<image src="https://teacherapi.cocorobo.cn/teaching-file/static//mine/arrow-right.png"
|
|
|
style="width: 32rpx;height: 32rpx;" mode="aspectFill"></image>
|
|
|
- <!-- <uni-icons type="right"></uni-icons> -->
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<view class="pers">
|
|
|
- <!-- <view class="per" v-for="i in perNum">
|
|
|
- <image :src="i.img"></image>
|
|
|
- <view class="perName fz-font">
|
|
|
- {{i.Name}}
|
|
|
- </view>
|
|
|
- </view> -->
|
|
|
+
|
|
|
<view class="per">
|
|
|
- <!-- <image :src="item.img"></image> -->
|
|
|
<view class="perName fz-font">
|
|
|
暂无人员
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
|
|
|
<!-- 申请加入 -->
|
|
|
<view class="btnBlock">
|
|
|
- <button class="btn zw-font" :disabled="isButtonDisabled" @click="applyAdd"
|
|
|
- :style="isButtonDisabled ? 'background-color:#87CEFA;' : 'background-colo:#0056a8;'">{{ btnText }}</button>
|
|
|
+
|
|
|
+ <button class="btn btn1 zw-font" v-if="actItemList.openid==oid">本人创建,暂不支持加入</button>
|
|
|
+ <button class="btn zw-font" v-if="!isSign && actItemList.openid!=oid" @click="applyAdd">申请加入</button>
|
|
|
+ <button class="btn btn1 zw-font" v-if="isSign && actItemList.openid!=oid">已加入</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
@@ -116,258 +137,179 @@
|
|
|
title: '教研室详情',
|
|
|
btn: 1
|
|
|
},
|
|
|
- isButtonDisabled: false,
|
|
|
- btnText: '申请加入',
|
|
|
- actItemList: [],
|
|
|
+ // 用户openid
|
|
|
+ oid:'',
|
|
|
+ // 活动id
|
|
|
+ acId:'',
|
|
|
+ // 页面数据
|
|
|
+ actItemList: {},
|
|
|
+ // 用户收藏列表
|
|
|
collArr:[],
|
|
|
+ // 用户订阅列表
|
|
|
subArr:[],
|
|
|
+ // 是否已加入
|
|
|
+ isSign:0,
|
|
|
clickedAcId:'',
|
|
|
+
|
|
|
+
|
|
|
pic_coll:'https://teacherapi.cocorobo.cn/teaching-file/static//yym/Star 1 (Stroke) (2).png',
|
|
|
pic_coll2:'https://teacherapi.cocorobo.cn/teaching-file/static//mine/Collect_yellow.png',
|
|
|
pic_sub:'https://teacherapi.cocorobo.cn/teaching-file/static/yym/Vector (Stroke) (1).png',
|
|
|
- pic_sub2:'../../static/mine/dingyue_blue.png',
|
|
|
- perNum: [{
|
|
|
- Name: '金晶',
|
|
|
- img: 'https://teacherapi.cocorobo.cn/teaching-file/static//yym/Ellipse 4 (1).png'
|
|
|
- },
|
|
|
- {
|
|
|
- Name: '朱心艺',
|
|
|
- img: 'https://teacherapi.cocorobo.cn/teaching-file/static//yym/Ellipse 4 (2).png'
|
|
|
- },
|
|
|
- {
|
|
|
- Name: '李红',
|
|
|
- img: 'https://teacherapi.cocorobo.cn/teaching-file/static//yym/Ellipse 4 (3).png'
|
|
|
- },
|
|
|
- {
|
|
|
- Name: '杨婉',
|
|
|
- img: 'https://teacherapi.cocorobo.cn/teaching-file/static//yym/Ellipse 4 (4).png'
|
|
|
- },
|
|
|
- {
|
|
|
- Name: '郑元雄',
|
|
|
- img: 'https://teacherapi.cocorobo.cn/teaching-file/static//yym/Ellipse 4.png'
|
|
|
- },
|
|
|
- {
|
|
|
- Name: '罗佳诚',
|
|
|
- img: 'https://teacherapi.cocorobo.cn/teaching-file/static//yym/Ellipse 4 (3).png'
|
|
|
- }
|
|
|
- ],
|
|
|
- judge: {
|
|
|
- isShow: 0,
|
|
|
- info: ""
|
|
|
- },
|
|
|
- typetext: ''
|
|
|
+ pic_sub2:'https://teacherapi.cocorobo.cn/teaching-file/static/dingyue_blue.png',
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 获取页面数据
|
|
|
+ getdata(){
|
|
|
+ let data = {
|
|
|
+ oid:this.$store.state.user.openid,
|
|
|
+ acId: this.acId,
|
|
|
+ }
|
|
|
+ this.$request('/selectActivityID', "POST", data).then(res => {
|
|
|
+ console.log(res[0][0]);
|
|
|
+ this.actItemList = res[0][0]
|
|
|
+ })
|
|
|
+
|
|
|
+ },
|
|
|
// 收藏事件
|
|
|
- coll(event){
|
|
|
- // console.log(event.currentTarget.dataset.e);
|
|
|
- console.log(this.$store.state.user.openid);
|
|
|
- let aId=this.clickedAcId
|
|
|
- // 先获取用户收藏信息
|
|
|
- let data={
|
|
|
- oid:this.$store.state.user.openid, //用户id
|
|
|
+ coll(){
|
|
|
+ //判断是否收藏
|
|
|
+ let iscoll = null
|
|
|
+
|
|
|
+ // 查询是否收藏过
|
|
|
+ let data = {
|
|
|
+ acid: this.acId,
|
|
|
+ oid: this.$store.state.user.openid, //用户id
|
|
|
+ ty: 0
|
|
|
}
|
|
|
- this.$request('/selectColl','POST',data).then(res=>{
|
|
|
- // console.log('获取收藏信息',res);
|
|
|
- // return console.log('获取收藏信息',res[0][0].coll=='');
|
|
|
- let res2
|
|
|
- let colls
|
|
|
- if(res[0][0].coll!==null && res[0][0].coll !==""){
|
|
|
- colls=JSON.parse(res[0][0].coll)
|
|
|
- console.log('获取收藏信息',colls);
|
|
|
- // 判断收藏表是否包含这个活动
|
|
|
- res2 = colls.some((e)=>{
|
|
|
- return e == aId
|
|
|
- })
|
|
|
- // console.log(res2);
|
|
|
- }
|
|
|
-
|
|
|
- // return console.log('2',res2);
|
|
|
- // 第一次存储返回值为null,然后存储收藏
|
|
|
- if(res[0][0].coll==null || res[0][0].coll==""){
|
|
|
- // 然后进行存储活动到用户coll字段
|
|
|
- let arr={
|
|
|
- oid:this.$store.state.user.openid, //用户id
|
|
|
- acid:JSON.stringify([aId])
|
|
|
- }
|
|
|
- this.$request('/updateColl','POST',arr).then(res=>{
|
|
|
- this.$request('/selectColl','POST',data).then(res=>{
|
|
|
- this.collArr=JSON.parse(res[0][0].coll)
|
|
|
- })
|
|
|
+ this.$request('/selectOneOperator', 'POST', data).then(res => {
|
|
|
+ // console.log('查询是否收藏过',res);
|
|
|
+ res[0].length ? iscoll = true : iscoll = false;
|
|
|
+
|
|
|
+ // iscoll为true表示已经收藏过,执行删除 为true则收藏
|
|
|
+ if (iscoll) {
|
|
|
+ console.log('执行删除');
|
|
|
+ this.$request('/deleteOperator', 'POST', data).then(res => {
|
|
|
+ // console.log(res);
|
|
|
+ this.getColl()
|
|
|
})
|
|
|
- // 当数组中没有这个收藏活动时添加收藏
|
|
|
- }else if(!res2){
|
|
|
- colls.push(aId)
|
|
|
- let arr2={
|
|
|
- oid:this.$store.state.user.openid, //用户id
|
|
|
- acid:JSON.stringify(colls)
|
|
|
- }
|
|
|
- this.$request('/updateColl','POST',arr2).then(res=>{
|
|
|
- this.$request('/selectColl','POST',data).then(res=>{
|
|
|
- this.collArr=JSON.parse(res[0][0].coll)
|
|
|
- })
|
|
|
- })
|
|
|
- // 取消收藏
|
|
|
- }else if(res2){
|
|
|
- const newArray = colls.filter(item => item !== aId);
|
|
|
- let arr3={
|
|
|
- oid:this.$store.state.user.openid, //用户id
|
|
|
- acid:JSON.stringify(newArray)
|
|
|
- }
|
|
|
- this.$request('/updateColl','POST',arr3).then(res=>{
|
|
|
- this.$request('/selectColl','POST',data).then(res=>{
|
|
|
- this.collArr=JSON.parse(res[0][0].coll)
|
|
|
- })
|
|
|
+ } else {
|
|
|
+ console.log('执行添加');
|
|
|
+ this.$request('/insertOperator', 'POST', data).then(res => {
|
|
|
+ // console.log(res);
|
|
|
+ this.getColl()
|
|
|
})
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
// 订阅事件
|
|
|
- sub(event){
|
|
|
- // console.log(event.currentTarget.dataset.e);
|
|
|
- console.log(this.$store.state.user.openid);
|
|
|
- let aId=this.clickedAcId
|
|
|
- // 先获取用户订阅信息
|
|
|
- let data={
|
|
|
- oid:this.$store.state.user.openid, //用户id
|
|
|
+ sub(){
|
|
|
+ //判断是否订阅
|
|
|
+ let iscoll = null
|
|
|
+
|
|
|
+ // 查询是否订阅过
|
|
|
+ let data = {
|
|
|
+ acid: this.acId,
|
|
|
+ oid: this.$store.state.user.openid, //用户id
|
|
|
+ ty: 1
|
|
|
}
|
|
|
- this.$request('/selectSub','POST',data).then(res=>{
|
|
|
- // console.log('获取订阅信息',res);
|
|
|
- // return console.log('获取订阅信息',res[0][0].coll=='');
|
|
|
- let res2
|
|
|
- let subs
|
|
|
- if(res[0][0].sub!==null && res[0][0].sub !==""){
|
|
|
- console.log(res);
|
|
|
- subs=JSON.parse(res[0][0].sub)
|
|
|
- console.log('获取订阅信息',subs);
|
|
|
- // 判断订阅表是否包含这个活动
|
|
|
- res2 = subs.some((e)=>{
|
|
|
- return e == aId
|
|
|
- })
|
|
|
- // console.log(res2);
|
|
|
- }
|
|
|
+ this.$request('/selectOneOperator', 'POST', data).then(res => {
|
|
|
+ // console.log('查询是否订阅过',res);
|
|
|
+ res[0].length ? iscoll = true : iscoll = false;
|
|
|
|
|
|
- // return console.log('2',res2);
|
|
|
- // 第一次存储返回值为null,然后存储订阅
|
|
|
- if(res[0][0].sub==null || res[0][0].sub==""){
|
|
|
- // 然后进行存储活动到用户coll字段
|
|
|
- let arr={
|
|
|
- oid:this.$store.state.user.openid, //用户id
|
|
|
- acid:JSON.stringify([aId])
|
|
|
- }
|
|
|
- this.$request('/updateSub','POST',arr).then(res=>{
|
|
|
- this.$request('/selectSub','POST',data).then(res=>{
|
|
|
- this.subArr=JSON.parse(res[0][0].sub)
|
|
|
- })
|
|
|
+ // iscoll为true表示已经订阅过,执行删除 为true则订阅
|
|
|
+ if (iscoll) {
|
|
|
+ console.log('执行删除');
|
|
|
+ this.$request('/deleteOperator', 'POST', data).then(res => {
|
|
|
+ console.log(res);
|
|
|
+ this.getSub()
|
|
|
})
|
|
|
- // 当数组中没有这个订阅活动时添加订阅
|
|
|
- }else if(!res2){
|
|
|
- subs.push(aId)
|
|
|
- let arr2={
|
|
|
- oid:this.$store.state.user.openid, //用户id
|
|
|
- acid:JSON.stringify(subs)
|
|
|
- }
|
|
|
- this.$request('/updateSub','POST',arr2).then(res=>{
|
|
|
- this.$request('/selectSub','POST',data).then(res=>{
|
|
|
- this.subArr=JSON.parse(res[0][0].sub)
|
|
|
- })
|
|
|
- })
|
|
|
- // 取消订阅
|
|
|
- }else if(res2){
|
|
|
- const newArray = subs.filter(item => item !== aId);
|
|
|
- let arr3={
|
|
|
- oid:this.$store.state.user.openid, //用户id
|
|
|
- acid:JSON.stringify(newArray)
|
|
|
- }
|
|
|
- this.$request('/updateSub','POST',arr3).then(res=>{
|
|
|
- this.$request('/selectSub','POST',data).then(res=>{
|
|
|
- this.subArr=JSON.parse(res[0][0].sub)
|
|
|
- })
|
|
|
+ } else {
|
|
|
+ console.log('执行添加');
|
|
|
+ this.$request('/insertOperator', 'POST', data).then(res => {
|
|
|
+ console.log(res);
|
|
|
+ this.getSub()
|
|
|
})
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- gotoMorePer() {
|
|
|
- uni.navigateTo({
|
|
|
- url: '/pages/dy/dy'
|
|
|
- })
|
|
|
- },
|
|
|
+ // 申请加入
|
|
|
applyAdd() {
|
|
|
- // const clickedAcId = this.actItemList[0].acId;
|
|
|
- // console.log(clickedAcId);
|
|
|
uni.navigateTo({
|
|
|
- url: '/pages/jys/jys?acId=' + this.clickedAcId
|
|
|
+ url: `/pages/jys/jys?acId=${this.acId}&tit=${'教研室报名'}`
|
|
|
})
|
|
|
},
|
|
|
- //判断是否报名
|
|
|
- btnEnroll() {
|
|
|
- this.$request('/selectActivityEnrollid', "POST", {
|
|
|
- acId: this.clickedAcId,
|
|
|
- openid: uni.getStorageSync('oId')
|
|
|
- }).then(res => {
|
|
|
- if (!res[0][0] || !res[0][0].hasOwnProperty('acId')) {
|
|
|
- console.log('acId 未定义或不存在');
|
|
|
- return
|
|
|
- }
|
|
|
- // console.log(clickedAcId);
|
|
|
- console.log(res[0]);
|
|
|
- if (this.clickedAcId === res[0][0].acId) {
|
|
|
- this.isButtonDisabled = true
|
|
|
- this.btnText = '已加入'
|
|
|
- }
|
|
|
+ // 查看更多报名同学
|
|
|
+ gotoMorePer() {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/dy/dy'
|
|
|
})
|
|
|
},
|
|
|
- mapTypeToText(type) {
|
|
|
- if (type === 0) {
|
|
|
- return "直播活动";
|
|
|
- } else if (type === 1) {
|
|
|
- return "常规教研活动";
|
|
|
- } else {
|
|
|
- return "专题教研活动";
|
|
|
- }
|
|
|
- },
|
|
|
- getActivity() {
|
|
|
- // 获取当前页面的URL
|
|
|
- const routes = getCurrentPages();
|
|
|
- console.log(routes);
|
|
|
- const acId = routes[1].options.acId ? routes[1].options.acId : routes[2].options.acId
|
|
|
+ // 获取是否订阅
|
|
|
+ getSub(){
|
|
|
let data = {
|
|
|
- acId: acId,
|
|
|
- ty: 2
|
|
|
+ oid: this.$store.state.user.openid, //用户id
|
|
|
+ type: 1
|
|
|
}
|
|
|
- this.$request('/selectActivityID', "POST", data).then(res => {
|
|
|
- // console.log(res[0]);
|
|
|
- // this.activeList=[...this.activeList,...res[0]]
|
|
|
- this.actItemList = res[0]
|
|
|
- this.typetext = this.mapTypeToText(this.actItemList.type);
|
|
|
- this.clickedAcId = this.actItemList[0].acId;
|
|
|
- this.btnEnroll()
|
|
|
+ this.$request('/selectOperator', 'POST', data).then(res => {
|
|
|
+ console.log('获取', res);
|
|
|
+ // 每次调用前清零,防止push叠加错误
|
|
|
+ this.subArr = []
|
|
|
+ // 将acid遍历到subArrsubArr中
|
|
|
+ res[0].forEach(i => {
|
|
|
+ this.subArr.push(i.acId)
|
|
|
+ })
|
|
|
+
|
|
|
})
|
|
|
+
|
|
|
},
|
|
|
- getdata(){
|
|
|
- let data={
|
|
|
- oid:this.$store.state.user.openid, //用户id
|
|
|
+ //获取是否收藏
|
|
|
+ getColl() {
|
|
|
+ let data = {
|
|
|
+ oid: this.$store.state.user.openid, //用户id
|
|
|
+ type: 0
|
|
|
}
|
|
|
- this.$request('/selectColl','POST',data).then(res=>{
|
|
|
- this.collArr=JSON.parse(res[0][0].coll)
|
|
|
- console.log('进来就显示',this.collArr);
|
|
|
+ this.$request('/selectOperator', 'POST', data).then(res => {
|
|
|
+ console.log('获取收藏', res);
|
|
|
+ // 每次调用前清零,防止push叠加错误
|
|
|
+ this.collArr = []
|
|
|
+ // 将acid遍历到collArr中
|
|
|
+ res[0].forEach(i => {
|
|
|
+ this.collArr.push(i.acId)
|
|
|
+ })
|
|
|
})
|
|
|
},
|
|
|
- getSub(){
|
|
|
- let data={
|
|
|
- oid:this.$store.state.user.openid, //用户id
|
|
|
+ //获取是否报名
|
|
|
+ btnEnroll() {
|
|
|
+ let data = {
|
|
|
+ oid: this.$store.state.user.openid, //用户id
|
|
|
+ aid:this.acId,
|
|
|
+ type: 2
|
|
|
}
|
|
|
- this.$request('/selectSub','POST',data).then(res=>{
|
|
|
- this.subArr=JSON.parse(res[0][0].sub)
|
|
|
- console.log('进来就显示',this.subArr);
|
|
|
+ this.$request('/selectSignup', 'POST', data).then(res => {
|
|
|
+ console.log('获取报名', res[0][0]);
|
|
|
+ this.isSign=res[0][0].num
|
|
|
})
|
|
|
+ },
|
|
|
+
|
|
|
+ goLog() {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: "/pages/login_Wechat/login_Wechat",
|
|
|
+ });
|
|
|
}
|
|
|
},
|
|
|
- onShow() {
|
|
|
- this.getActivity()
|
|
|
+ onLoad(e) {
|
|
|
+ // console.log('接收参数',e);
|
|
|
+ this.acId=e.acId
|
|
|
+ this.oid=this.$store.state.user.openid
|
|
|
+
|
|
|
+
|
|
|
+ // this.getActivity()
|
|
|
+ // 获取页面数据
|
|
|
this.getdata()
|
|
|
+ this.getColl()
|
|
|
this.getSub()
|
|
|
+ this.btnEnroll()
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
@@ -388,8 +330,9 @@
|
|
|
.card {
|
|
|
position: absolute;
|
|
|
width: 690rpx;
|
|
|
- height: 256rpx;
|
|
|
+ // height: 256rpx;
|
|
|
bottom: 10px;
|
|
|
+ // top: 40%;
|
|
|
left: 50%;
|
|
|
padding: 30rpx;
|
|
|
background-color: rgba(0, 0, 0, 0.26);
|
|
@@ -406,22 +349,27 @@
|
|
|
justify-content: space-between;
|
|
|
|
|
|
.title {
|
|
|
- // padding-bottom: 20rpx;
|
|
|
margin-bottom: 20rpx;
|
|
|
- width: 506rpx;
|
|
|
- height: 48rpx;
|
|
|
+ width: 80%;
|
|
|
+ // height: 48rpx;
|
|
|
color: #ffffff;
|
|
|
font-family: PingFang SC;
|
|
|
- // font-weight: 550;
|
|
|
- overflow: hidden;
|
|
|
+ // overflow: hidden;
|
|
|
+ // text-overflow: ellipsis;
|
|
|
+ // white-space: nowrap;
|
|
|
+
|
|
|
+ display: -webkit-box;
|
|
|
+ word-break: break-all;
|
|
|
text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
}
|
|
|
|
|
|
.icons {
|
|
|
flex: 1;
|
|
|
display: flex;
|
|
|
- align-items: center;
|
|
|
+ // align-items: center;
|
|
|
justify-content: space-between;
|
|
|
|
|
|
.icon {
|
|
@@ -439,11 +387,10 @@
|
|
|
margin-bottom: 10rpx;
|
|
|
font-weight: 100;
|
|
|
color: #f0edea;
|
|
|
- // font-size: 30rpx;
|
|
|
}
|
|
|
-
|
|
|
.tag {
|
|
|
display: flex;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -576,6 +523,77 @@
|
|
|
background-color: #0056a8;
|
|
|
color: #ffffff;
|
|
|
}
|
|
|
+ .btn1 {
|
|
|
+ background-color: rgba(139, 190, 255, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .detailBlock {
|
|
|
+ background-color: #ffffff;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ padding: 30rpx;
|
|
|
+
|
|
|
+ .tit {
|
|
|
+ font-weight: 600;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .cont {
|
|
|
+ color: #999999;
|
|
|
+ margin-bottom: 10px;
|
|
|
+
|
|
|
+ text {
|
|
|
+ color: #666666;
|
|
|
+ }
|
|
|
+
|
|
|
+ .content {
|
|
|
+ white-space: normal;
|
|
|
+ /*隐藏溢出*/
|
|
|
+ /*当文本溢出包含元素时显示省略符号来代表被修剪的文本*/
|
|
|
+ /*规定段落中的文本不进行换行*/
|
|
|
+ letter-spacing: 2rpx;
|
|
|
+ display: -webkit-box;
|
|
|
+ word-break: break-all;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 4;
|
|
|
+ }
|
|
|
+
|
|
|
+ .content .p {
|
|
|
+ width: 90%;
|
|
|
+ color: #666666;
|
|
|
+ // max-width: 100%;
|
|
|
+ // display:inline-block;
|
|
|
+ display: block;
|
|
|
+ // float: left;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ // padding-right: 50rpx;
|
|
|
+ /*设置文字溢出时显示省略号*/
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .content .p.is-expanded {
|
|
|
+ width: 100%;
|
|
|
+ overflow: visible;
|
|
|
+ white-space: normal;
|
|
|
+ /*文字溢出时不再显示省略号*/
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn-more {
|
|
|
+ float: right;
|
|
|
+ display: inline-block;
|
|
|
+ // width: 60px;
|
|
|
+ transform: translate(0, -100%);
|
|
|
+ color: #0056a8;
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn-more.is-zd {
|
|
|
+ transform: none;
|
|
|
+ // transform: translate(0,0);
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</style>
|