|
@@ -0,0 +1,433 @@
|
|
|
+<template>
|
|
|
+<view>
|
|
|
+ <!-- 第一种样式 人员管理-->
|
|
|
+ <block v-if="datainfo.length>0">
|
|
|
+ <!-- 人员管理 -->
|
|
|
+ <block v-if="type=='people'">
|
|
|
+ <view class="carlist peolist" v-for="(ite,idx) in datainfo" :key="idx" @click="getDetail">
|
|
|
+ <view class="ctop flexc">
|
|
|
+ <image :src="hicoa" class="imgs" v-if="ite.type==1"></image>
|
|
|
+ <image :src="hicob" class="imgs" v-if="ite.type==2"></image>
|
|
|
+ <view class="tit">一号楼3单元1101</view>
|
|
|
+ <view class="flex1"></view>
|
|
|
+ <view class="txt ca" v-if="ite.type==1">业主</view>
|
|
|
+ <view class="txt cb" v-if="ite.type==2">租户</view>
|
|
|
+ </view>
|
|
|
+ <view class="plists">
|
|
|
+ <view class="plist flexc">
|
|
|
+ <image :src="man" class="head" v-if="ite.sex==0"></image>
|
|
|
+ <image :src="woman" class="head" v-else></image>
|
|
|
+ <view class="flex1">
|
|
|
+ <view class="ptit">张伟<view class="btn btnc ml10" v-if="ite.hzflag">户主</view></view>
|
|
|
+ <view class="ptxt">身份证号 | 41072719880603022X</view>
|
|
|
+ <view class="flexc">
|
|
|
+ <view class="ptxt">性别 | {{ite.sex==0?'男':'女'}}</view>
|
|
|
+ <view class="ptxt">年龄 | 36岁</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="plist flexc" v-if="ite.zhanflag">
|
|
|
+ <image :src="man" class="head" v-if="ite.sex==0"></image>
|
|
|
+ <image :src="woman" class="head" v-else></image>
|
|
|
+ <view class="flex1">
|
|
|
+ <view class="ptit">张伟<view class="btn btnc ml10" v-if="ite.hzflag">户主</view></view>
|
|
|
+ <view class="ptxt">身份证号 | 41072719880603022X</view>
|
|
|
+ <view class="flexc">
|
|
|
+ <view class="ptxt">性别 | {{ite.sex==0?'男':'女'}}</view>
|
|
|
+ <view class="ptxt">年龄 | 36岁</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <image :src="upimg" :class="ite.zhanflag?'act':''" class="upimg" @click="getZhan(idx)"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </block>
|
|
|
+ <!-- 维修人员管理 -->
|
|
|
+ <view v-if="type=='staff'" class="flecw">
|
|
|
+ <view class="stafflist" v-for="(ite,idx) in datainfo" :key="idx" @click="getDetail">
|
|
|
+ <view class="statop">
|
|
|
+ <image class="head" :src="man" v-if="ite.sex==0"></image>
|
|
|
+ <image class="head" :src="woman" v-else></image>
|
|
|
+ <view class="flex1">
|
|
|
+ <view class="statit">张伟</view>
|
|
|
+ <view class="statxt flexc co06" v-if="ite.hzflag"><text class="cir bga"></text>空闲中</view>
|
|
|
+ <view class="statxt flexc cof6" v-else><text class="cir bgb"></text>指派中</view>
|
|
|
+ </view>
|
|
|
+ <image :src="pdel" class="stadel"></image>
|
|
|
+ </view>
|
|
|
+ <view class="stalist">
|
|
|
+ <view class="imgs"><image :src="gzlx" class="gzlximg"></image></view>电梯维修
|
|
|
+ <view class="flex1"></view>
|
|
|
+ <view class="flexcc eyes" @click="getHideFn(idx)">
|
|
|
+ <image :src="neye" class="neye" v-if="ite.hideflag"></image>
|
|
|
+ <image :src="eye" class="eye" v-else></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="stalist">
|
|
|
+ <view class="imgs"><image :src="mphone" class="mphone"></image></view>158****0088
|
|
|
+ </view>
|
|
|
+ <view class="stalist">
|
|
|
+ <view class="imgs"><image :src="sfz" class="sfz"></image></view>341235********002X
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 来访管理 -->
|
|
|
+ <block v-if="type=='comepeo'">
|
|
|
+ <view class="carlist peolist" v-for="(ite,idx) in datainfo" :key="idx">
|
|
|
+ <view class="ctop flexc">
|
|
|
+ <image :src="hicoa" class="imgs"></image>
|
|
|
+ <!-- <image :src="hicob" class="imgs" v-if="ite.type==2"></image> -->
|
|
|
+ <view class="tit">幸福小区12#301</view>
|
|
|
+ <view class="btn btnbga">预约</view>
|
|
|
+ <view class="btn btnbgb">已来访</view>
|
|
|
+ <view class="btn btnbgc">待来访</view>
|
|
|
+ <view class="flex1"></view>
|
|
|
+ <view class="txt cc" v-if="ite.type==1">驾车</view>
|
|
|
+ </view>
|
|
|
+ <view class="clists">
|
|
|
+ <view class="clist"><view class="tit">预约时间</view>2024-11-25 10:00:00</view>
|
|
|
+ <view class="clist"><view class="tit">来访时间</view>2024-11-27 16:27:48</view>
|
|
|
+ <view class="w50 flexc">
|
|
|
+ <view class="clist"><view class="tit">访客姓名</view>刘女士</view>
|
|
|
+ <view class="clist"><view class="tit">来访人数</view>1人</view>
|
|
|
+ </view>
|
|
|
+ <view class="w50 flexc">
|
|
|
+ <view class="clist"><view class="tit">来访事由</view>亲友</view>
|
|
|
+ <view class="clist"><view class="tit">车牌号码</view>皖A 86KY2</view>
|
|
|
+ </view>
|
|
|
+ <view class="clist"><view class="tit">手机号码</view>13656788668</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </block>
|
|
|
+ <view class="shax">{{wtdt}}</view>
|
|
|
+ </block>
|
|
|
+
|
|
|
+ <!-- 无数据 -->
|
|
|
+ <view class="nodata" v-else>
|
|
|
+ <image :src="noiconpimg"></image>
|
|
|
+ <view>
|
|
|
+ 暂无数据
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import { checkPermi, checkRole } from "@/utils/permission"; // 权限判断函数
|
|
|
+ import config from '@/config'
|
|
|
+ export default{
|
|
|
+ props:{
|
|
|
+ datainfo: {
|
|
|
+ type: Array,
|
|
|
+ default () {
|
|
|
+ return []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ wtdt:{
|
|
|
+ type:String,
|
|
|
+ default () {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ type:{
|
|
|
+ type:String,
|
|
|
+ default () {
|
|
|
+ return 0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ topval:{
|
|
|
+ type:String,
|
|
|
+ default () {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data(){
|
|
|
+ return{
|
|
|
+ noiconpimg:require("@/static/nodata.png"),
|
|
|
+ car:require("@/car/static/car/car.png"),
|
|
|
+ cara:require("@/car/static/car/cara.png"),
|
|
|
+ carb:require("@/car/static/car/carb.png"),
|
|
|
+ hicoa:require("@/people/static/people/hicoa.png"),
|
|
|
+ hicob:require("@/people/static/people/hicob.png"),
|
|
|
+ man:require("@/people/static/people/man.png"),
|
|
|
+ woman:require("@/people/static/people/woman.png"),
|
|
|
+ rimg:require("@/people/static/people/rimg.png"),
|
|
|
+ pdel:require("@/people/static/people/pdel.png"),
|
|
|
+ gzlx:require("@/people/static/people/gzlx.png"),
|
|
|
+ mphone:require("@/people/static/people/mphone.png"),
|
|
|
+ sfz:require("@/people/static/people/sfz.png"),
|
|
|
+ eye:require("@/people/static/people/eye.png"),
|
|
|
+ neye:require("@/people/static/people/neye.png"),
|
|
|
+ time:require("@/work/static/manage/time.png"),
|
|
|
+ house:require("@/work/static/manage/house.png"),
|
|
|
+ housea:require("@/work/static/manage/housea.png"),
|
|
|
+ home:require("@/service/static/service/home.png"),
|
|
|
+ upimg:require("@/static/images/home/up.png"),
|
|
|
+ star:require('@/manage/static/community/star.png'),
|
|
|
+ stara:require('@/manage/static/community/stara.png'),
|
|
|
+ baseUrl:config.baseUrl,
|
|
|
+ delBtnWidth:66,//左滑默认宽度
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ checkPermi, checkRole,
|
|
|
+ getDetail(e){
|
|
|
+ this.$emit('getDetail',e)
|
|
|
+ },
|
|
|
+ getAddFn(e){
|
|
|
+ this.$emit('getAddFn',e)
|
|
|
+ },
|
|
|
+ getReadlist(e){
|
|
|
+ this.$emit('getReadlist',e)
|
|
|
+ },
|
|
|
+ getZhan(idx){
|
|
|
+ // var obj=JSON.parse(JSON.stringify(this.datainfo))[idx]
|
|
|
+ // obj.zhanflag=!obj.zhanflag;
|
|
|
+ // this.datainfo.splice(idx,1,obj);
|
|
|
+ this.datainfo[idx].zhanflag=!this.datainfo[idx].zhanflag
|
|
|
+ },
|
|
|
+ getHideFn(idx){
|
|
|
+ this.datainfo[idx].hideflag=!this.datainfo[idx].hideflag
|
|
|
+ },
|
|
|
+ getPreview(idx,arr) {
|
|
|
+ var newArr=[];
|
|
|
+ arr.forEach(ite=>{
|
|
|
+ var ds=this.baseUrl+ite
|
|
|
+ newArr.push(ds)
|
|
|
+ })
|
|
|
+ uni.previewImage({
|
|
|
+ urls: newArr,
|
|
|
+ current:idx,
|
|
|
+ success: function(data) {},
|
|
|
+ fail: function(err) {}
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //开始触摸滑动
|
|
|
+ drawStart(e) {
|
|
|
+ // console.log("开始触发");
|
|
|
+ var touch = e.touches[0];
|
|
|
+ this.startX = touch.clientX;
|
|
|
+ },
|
|
|
+ //触摸滑动
|
|
|
+ drawMove(e) {
|
|
|
+ // console.log("滑动");
|
|
|
+ for (var index in this.datainfo) {
|
|
|
+ // this.csListArrl[index].right=0
|
|
|
+ this.$set(this.datainfo[index],'right',0);
|
|
|
+ }
|
|
|
+ var idx=e.currentTarget.dataset.idx
|
|
|
+ var touch = e.touches[0];
|
|
|
+ var item = this.datainfo[idx];
|
|
|
+ var disX = this.startX - touch.clientX;
|
|
|
+ if (disX >= 20) {
|
|
|
+ if (disX > this.delBtnWidth) {
|
|
|
+ disX = this.delBtnWidth;
|
|
|
+ }
|
|
|
+ // this.csListArrl[idx].right=disX
|
|
|
+ this.$set(this.datainfo[idx],'right',disX);
|
|
|
+ } else {
|
|
|
+ // this.csListArrl[idx].right=0
|
|
|
+ this.$set(this.datainfo[idx],'right',0);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //触摸滑动结束
|
|
|
+ drawEnd(e) {
|
|
|
+ // console.log("滑动结束");
|
|
|
+ var idx=e.currentTarget.dataset.idx
|
|
|
+ var item = this.datainfo[idx];
|
|
|
+ if (item.right >= this.delBtnWidth / 2) {
|
|
|
+ // this.datainfo[idx].right=this.delBtnWidth
|
|
|
+ this.$set(this.datainfo[idx],'right',this.delBtnWidth);
|
|
|
+ } else {
|
|
|
+ this.datainfo[idx].right=0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+.flex{display: flex;}
|
|
|
+.flexc{display: flex;align-items: center;}
|
|
|
+.mb10{margin-bottom: 20rpx;}
|
|
|
+.carlist{background: #FFFFFF;border-radius: 20rpx;margin-bottom: 24rpx;
|
|
|
+ .ctop{border-bottom: 2rpx solid #E5E5E5;padding:26rpx 24rpx;
|
|
|
+ .imgs{width: 40rpx;height: 42rpx;margin-right: 30rpx;}
|
|
|
+ .tit{font-size: 32rpx;color: #272727;font-weight: bold;margin-right: 14rpx;}
|
|
|
+ .txt{font-weight: 500;font-size: 26rpx;
|
|
|
+ &.ca{color: #3565ED;}
|
|
|
+ &.cb{color: #FE5A0E;}
|
|
|
+ &.cc{color: #28C529;}
|
|
|
+ }
|
|
|
+ .txta{font-weight: 500;font-size: 24rpx;color: #AAAAAA;}
|
|
|
+ .num{font-size: 24rpx;color: #AAAAAA;}
|
|
|
+ }
|
|
|
+ .btn{height: 34rpx;border-radius: 18rpx;display: flex;align-items: center;justify-content: center;padding: 0 10rpx;font-size: 22rpx;margin-right: 24rpx;
|
|
|
+ &.btna{border: 2rpx solid #06C770;color: #06C770;}
|
|
|
+ &.btnb{border: 2rpx solid #3565ED;color: #3565ED;}
|
|
|
+ &.btnc{border: 2rpx solid #FE5A0E;color: #FE5A0E;}
|
|
|
+ &.btnbga{border: 1px solid #0156FE;color: #3565ED;background: #DFEAFF;height: 36rpx;}
|
|
|
+ &.btnbgb{border: 1px solid #C1C1C1;color: #666666;background: #F1F1F1;height: 36rpx;}
|
|
|
+ &.btnbgc{border: 1px solid #FE5A0E;color:#FE5A0E;background:#FFEEE6;height: 36rpx;}
|
|
|
+ }
|
|
|
+ .clists{padding: 24rpx 24rpx 8rpx;
|
|
|
+ .clist{font-weight: 500;margin-bottom: 16rpx;
|
|
|
+font-size: 26rpx;color: #272727;display: flex;line-height: 34rpx;
|
|
|
+ .tit{font-size: 26rpx;color: #AAAAAA;flex: 0 0 auto;margin-right: 16rpx;min-width: 108rpx;text-align-last: justify;}
|
|
|
+ .imgas{display: flex;align-items: center;flex-wrap: wrap;
|
|
|
+ image{width: 142rpx;height: 142rpx;margin-right: 30rpx;margin-top: 8rpx;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .w50{
|
|
|
+ .clist{width: 50%;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+// 人员
|
|
|
+.peolist{
|
|
|
+ .ctop{padding: 24rpx 24rpx 22rpx;}
|
|
|
+ .imgs{margin-right: 16rpx !important;}
|
|
|
+ .tit{font-size: 28rpx !important;}
|
|
|
+ .plists{padding: 30rpx 24rpx 6rpx;
|
|
|
+ .plist{background: linear-gradient(-90deg, #F2F5FF 0%, #FBFDFF 100%);border-radius: 20rpx;border: 2rpx solid #E6E6E6;margin-bottom: 24rpx;padding: 18rpx 26rpx 4rpx;
|
|
|
+ .head{width: 96rpx;height: 98rpx;margin-right: 32rpx;flex: 0 0 auto;}
|
|
|
+ .ptit{font-weight: bold;font-size: 30rpx;color: #272727;display: flex;align-items: center;margin-bottom: 14rpx;}
|
|
|
+ .ptxt{font-weight: 500;font-size: 26rpx;color: #666666;line-height: 36rpx;margin-bottom: 14rpx;min-width: 176rpx;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .upimg{width: 26rpx;height: 22rpx;display: block;transform: rotate(180deg);transition: all 0.3s;margin: 0 auto 18rpx;
|
|
|
+ &.act{transform: rotate(0deg);}
|
|
|
+ }
|
|
|
+}
|
|
|
+// 物业费
|
|
|
+.mlistl{width: 40%;display: flex;flex-direction: column;align-items: center;flex: 0 0 auto;
|
|
|
+ .mltit{font-weight: 500;font-size: 26rpx;color: #666666;margin-bottom: 18rpx;}
|
|
|
+ .mltxt{font-weight: bold;font-size: 32rpx;color: #0156FE;}
|
|
|
+}
|
|
|
+.houselist{
|
|
|
+ .clists{padding-bottom: 2rpx !important;}
|
|
|
+ .clist{margin-bottom: 22rpx !important;}
|
|
|
+}
|
|
|
+// 巡更地点
|
|
|
+.patlist{background: #FFFFFF;border-radius: 20rpx;margin-bottom: 24rpx;padding: 0 24rpx 30rpx;
|
|
|
+ .pattop{padding:22rpx 30rpx;margin-bottom: 2rpx;
|
|
|
+ .imgs{width: 28rpx;height: 28rpx;margin-right: 12rpx;}
|
|
|
+ .tit{font-size: 30rpx;color: #272727;font-weight: bold;margin-right: 14rpx;}
|
|
|
+ .txt{font-weight: 500;font-size:24rpx;
|
|
|
+ &.ca{color: #3565ED;}
|
|
|
+ &.cb{color: #FE5A0E;}
|
|
|
+ &.cc{color: #28C529;}
|
|
|
+ &.cd{color: #FF6969;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .patlistr{background: #EFF4FF;border-radius: 20rpx;padding: 20rpx 32rpx;
|
|
|
+ .clist{font-weight: 500;font-size: 26rpx;color: #272727;display: flex;line-height: 50rpx;
|
|
|
+ .tit{font-size: 26rpx;flex: 0 0 auto;min-width: 108rpx;text-align-last: justify;font-weight: bold;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .patbtns{display: flex;justify-content: flex-end;align-items: center;flex-wrap: wrap;
|
|
|
+ view{min-width: 156rpx;height: 52rpx;font-weight: 500;font-size: 26rpx;background: #FFFFFF;border-radius: 20rpx;box-sizing: border-box;display: flex;align-items: center;justify-content: center;padding: 0 10rpx;margin-left: 24rpx;margin-top: 24rpx;
|
|
|
+ &.btna{border: 2rpx solid #0256FD;color: #0256FD;}
|
|
|
+ &.btnb{background: #0256FD;color: #ffffff;}
|
|
|
+
|
|
|
+}
|
|
|
+ }
|
|
|
+}
|
|
|
+// 报修
|
|
|
+.walists{background: #FFFFFF;border-radius: 20rpx;margin-bottom: 24rpx; position: relative;
|
|
|
+ .watop{
|
|
|
+ padding: 0 36rpx 8rpx 38rpx;
|
|
|
+ .watit{padding: 24rpx 0;margin-bottom: 4rpx;display: flex;
|
|
|
+ .tit{font-weight: bold;font-size: 28rpx;color: #272727;flex: 1;
|
|
|
+ .cir{width: 14rpx;margin-left: 8rpx;margin-bottom: 10rpx;height: 14rpx;display: inline-block;background: #FF6969;border-radius: 8rpx;}
|
|
|
+ }
|
|
|
+ .txt{font-weight: bold;font-size: 26rpx;flex: 0 0 auto;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .walist{display: flex;font-weight: 500;font-size: 24rpx;color: #666666;margin-bottom: 16rpx;
|
|
|
+ .tit{min-width: 100rpx;text-align-last: justify}
|
|
|
+ }
|
|
|
+ .wabtn{display: flex;align-items: center;justify-content: space-between;border-top: 2rpx solid #E5E5E5;height: 80rpx;padding: 0 38rpx;
|
|
|
+ view{font-weight: 500;font-size: 24rpx;color: #666666;}
|
|
|
+ image{width: 16rpx;height: 28rpx;}
|
|
|
+ }
|
|
|
+}
|
|
|
+// 维修人员
|
|
|
+.stafflist{width: 344rpx;min-height: 256rpx;background: #FFFFFF;border-radius: 20rpx;margin:0 12rpx 24rpx 12rpx;padding-bottom: 20rpx;box-sizing: border-box;
|
|
|
+ // &:nth-of-type(2n){margin-right: 0;}
|
|
|
+ .statop{border-bottom: 2rpx solid #E5E5E5;display: flex;padding: 24rpx 24rpx 22rpx;
|
|
|
+ .head{width: 80rpx;height: 82rpx;margin-right: 24rpx;flex: 0 0 auto;}
|
|
|
+ .stadel{width: 30rpx;height: 30rpx;flex: 0 0 auto;margin-left: 12rpx;}
|
|
|
+ .statit{font-weight: bold;font-size: 30rpx;color: #272727;margin-bottom: 4rpx;}
|
|
|
+ .statxt{font-weight: 500;font-size: 26rpx;
|
|
|
+ .cir{width: 10rpx;height: 10rpx;border-radius: 50%;margin-right: 14rpx;display: inline-block;
|
|
|
+ &.bga{background: #06C770;}
|
|
|
+ &.bgb{background: #FF6969;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .stalist{font-weight: 500;font-size: 26rpx;color: #272727;display: flex;align-items: center;padding: 20rpx 24rpx 0;
|
|
|
+ .imgs{width: 24rpx;height: 30rpx;margin-right: 22rpx;flex: 0 0 auto;display: flex;align-items: center;justify-content: center;
|
|
|
+ .gzlximg{width: 24rpx;height: 28rpx;}
|
|
|
+ .mphone{width: 18rpx;height: 30rpx;}
|
|
|
+ .sfz{width: 20rpx;height: 18rpx;}
|
|
|
+ }
|
|
|
+ .eyes{width: 34rpx;height: 34rpx;
|
|
|
+ .eye{width: 22rpx;height: 15rpx;}
|
|
|
+ .neye{width: 24rpx;height: 24rpx;}
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+.watopcom{background-color: #ffffff;border-radius: 20rpx;position: relative;z-index: 1;padding-bottom: 30rpx !important;
|
|
|
+ .watopcoma{font-weight: 500;font-size: 26rpx;color: #666666;line-height: 36rpx;margin-bottom: 24rpx;}
|
|
|
+ .watopcomb{font-weight: 500;font-size: 24rpx;color: #AAAAAA;}
|
|
|
+
|
|
|
+}
|
|
|
+//资讯
|
|
|
+.newlists{
|
|
|
+ background: #FFFFFF;padding: 22rpx 24rpx;margin-bottom: 24rpx;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ .tit{font-size: 32rpx;font-weight: bold;color: #272727;line-height: 48rpx;margin-bottom:16rpx;}
|
|
|
+ .txt{font-size: 24rpx;color: #666666;line-height: 36rpx;margin-bottom: 32rpx;}
|
|
|
+ .stabox{
|
|
|
+ .time{font-weight: 500;font-size: 24rpx;color: #AAAAAA;line-height: 36rpx;}
|
|
|
+ .btns{font-weight: 500;font-size: 22rpx;color: #666666;line-height: 36rpx;min-width: 100rpx;box-sizing: border-box;margin-left: 20rpx;
|
|
|
+ .imga{width: 24rpx;height: 22rpx;margin-right: 8rpx;}
|
|
|
+ .imgb{width: 24rpx;height: 18rpx;margin-right: 10rpx;}
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+}
|
|
|
+// 视频
|
|
|
+.videolists{
|
|
|
+ background: #FFFFFF;margin-bottom: 24rpx;border-radius: 20rpx;
|
|
|
+ .titbox{padding-top: 16rpx;padding-right: 38rpx;}
|
|
|
+ .videos{width: 260rpx;height: 180rpx;}
|
|
|
+ .tit{font-weight: bold;font-size: 14px;color: #272727;text-align: left;margin-bottom: 10rpx;}
|
|
|
+ .num{font-weight: 500;font-size: 20rpx;color: #666666;min-width: 68rpx;padding: 0 8rpx;box-sizing: border-box;
|
|
|
+height: 28rpx;background: #E6E6E6;border-radius: 14rpx;line-height: 28rpx;text-align: center;}
|
|
|
+ .time{font-weight: 500;font-size: 24rpx;color: #AAAAAA;margin-top: 44rpx;}
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+// 名单
|
|
|
+.readlist{background: #FFFFFF;border-radius: 20rpx;border: 2rpx solid #E6E6E6;margin-bottom: 24rpx;padding: 24rpx;display: flex;align-items: center;box-sizing: border-box;
|
|
|
+ .head{width: 96rpx;height: 96rpx;margin-right: 28rpx;flex: 0 0 auto;}
|
|
|
+ .tit{font-weight: bold;font-size: 30rpx;color: #272727;margin-bottom: 12rpx;}
|
|
|
+ .time{font-weight: 500;font-size: 26rpx;color: #666666;line-height: 36rpx;
|
|
|
+ text{margin-right: 12rpx;display: inline-block;}
|
|
|
+ }
|
|
|
+}
|
|
|
+.spdel{width: 164rpx;background: #EA2D2D;font-weight: bold;font-size: 26rpx;color: #FFFFFF;display: flex;align-items: center;justify-content: center;position: absolute;right: -146rpx;top: 0;bottom: 0;padding-left: 14rpx;}
|
|
|
+
|
|
|
+// 无数据
|
|
|
+.nodata{display: flex;flex-direction: column;align-items: center;
|
|
|
+ image{width: 440rpx;height: 440rpx;}
|
|
|
+ view{font-size: 30rpx;color: #666666;font-weight: bold;}
|
|
|
+}
|
|
|
+</style>
|