This commit is contained in:
parent
bc0132ff1c
commit
802ab09de8
|
|
@ -0,0 +1,13 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="cn.fjdmy.uniapp.UniappProjectDataService">
|
||||
<option name="basePath" value="$PROJECT_DIR$" />
|
||||
<option name="generalBasePath" value="$PROJECT_DIR$" />
|
||||
<option name="manifestPath" value="$PROJECT_DIR$/manifest.json" />
|
||||
<option name="pagesPath" value="$PROJECT_DIR$/pages.json" />
|
||||
<option name="scanNum" value="1" />
|
||||
<option name="type" value="store" />
|
||||
<option name="uniapp" value="true" />
|
||||
<option name="vueVersion" value="2" />
|
||||
</component>
|
||||
</project>
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="JavaScriptLibraryMappings">
|
||||
<excludedPredefinedLibrary name="uni-api" />
|
||||
</component>
|
||||
</project>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
{
|
||||
"name": "云商会",
|
||||
"lockfileVersion": 2,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"node_modules/jweixin-module": {
|
||||
"version": "1.6.0",
|
||||
"resolved": "https://registry.npmmirror.com/jweixin-module/-/jweixin-module-1.6.0.tgz",
|
||||
"integrity": "sha512-dGk9cf+ipipHmtzYmKZs5B2toX+p4hLyllGLF6xuC8t+B05oYxd8fYoaRz0T30U2n3RUv8a4iwvjhA+OcYz52w=="
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
# jweixin-module
|
||||
|
||||
微信JS-SDK
|
||||
|
||||
## 安装
|
||||
|
||||
### NPM
|
||||
|
||||
```shell
|
||||
npm install jweixin-module --save
|
||||
```
|
||||
|
||||
### UMD
|
||||
|
||||
```http
|
||||
https://unpkg.com/jweixin-module/out/index.js
|
||||
```
|
||||
|
||||
## 使用
|
||||
|
||||
```js
|
||||
var jweixin = require('jweixin-module')
|
||||
jweixin.ready(function(){
|
||||
// TODO
|
||||
});
|
||||
```
|
||||
|
||||
## 完整API
|
||||
|
||||
>[微信JS-SDK说明文档](https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115)
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,26 @@
|
|||
{
|
||||
"name": "jweixin-module",
|
||||
"version": "1.6.0",
|
||||
"description": "微信JS-SDK",
|
||||
"main": "lib/index.js",
|
||||
"scripts": {},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/zhetengbiji/jweixin-module.git"
|
||||
},
|
||||
"keywords": [
|
||||
"wxjssdk",
|
||||
"weixin",
|
||||
"jweixin",
|
||||
"wechat",
|
||||
"jssdk",
|
||||
"wx"
|
||||
],
|
||||
"author": "Shengqiang Guo",
|
||||
"license": "ISC",
|
||||
"bugs": {
|
||||
"url": "https://github.com/zhetengbiji/jweixin-module/issues"
|
||||
},
|
||||
"homepage": "https://github.com/zhetengbiji/jweixin-module#readme",
|
||||
"devDependencies": {}
|
||||
}
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
{
|
||||
"name": "云商会",
|
||||
"lockfileVersion": 2,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"dependencies": {
|
||||
"jweixin-module": "^1.6.0"
|
||||
}
|
||||
},
|
||||
"node_modules/jweixin-module": {
|
||||
"version": "1.6.0",
|
||||
"resolved": "https://registry.npmmirror.com/jweixin-module/-/jweixin-module-1.6.0.tgz",
|
||||
"integrity": "sha512-dGk9cf+ipipHmtzYmKZs5B2toX+p4hLyllGLF6xuC8t+B05oYxd8fYoaRz0T30U2n3RUv8a4iwvjhA+OcYz52w=="
|
||||
}
|
||||
},
|
||||
"dependencies": {
|
||||
"jweixin-module": {
|
||||
"version": "1.6.0",
|
||||
"resolved": "https://registry.npmmirror.com/jweixin-module/-/jweixin-module-1.6.0.tgz",
|
||||
"integrity": "sha512-dGk9cf+ipipHmtzYmKZs5B2toX+p4hLyllGLF6xuC8t+B05oYxd8fYoaRz0T30U2n3RUv8a4iwvjhA+OcYz52w=="
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
{
|
||||
"dependencies": {
|
||||
"jweixin-module": "^1.6.0"
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,126 @@
|
|||
<template>
|
||||
<view class="template-edit tn-safe-area-inset-bottom">
|
||||
<!-- 顶部自定义导航 -->
|
||||
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="#FFFFFF">
|
||||
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
|
||||
<view style="padding-left: 15rpx;" @click="goBack()">
|
||||
<text class="tn-icon-left" style="font-size: 40rpx;"></text>
|
||||
</view>
|
||||
<view class="tn-margin-top"
|
||||
style=";text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;">
|
||||
<tn-tabs :list="[{name:'申请入会'}]" :current="topCurrent" activeColor="#000" :bold="false"
|
||||
:fontSize="36"></tn-tabs>
|
||||
</view>
|
||||
</view>
|
||||
</tn-nav-bar>
|
||||
|
||||
<view class="tn-safe-area-inset-bottom" :style="{paddingTop: vuex_custom_bar_height + 'px'}">
|
||||
|
||||
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
|
||||
<view class="tn-flex justify-content-item">
|
||||
<view class="tn-text-lg tn-padding-right-xs tn-text-bold">姓名</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
|
||||
<input placeholder="填写姓名" name="input" placeholder-style="color:#AAAAAA"></input>
|
||||
</view>
|
||||
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
|
||||
<view class="tn-flex justify-content-item">
|
||||
<view class="tn-text-lg tn-padding-right-xs tn-text-bold">联系方式</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
|
||||
<input placeholder="填写联系方式" name="input" placeholder-style="color:#AAAAAA"></input>
|
||||
</view>
|
||||
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
|
||||
<view class="tn-flex justify-content-item">
|
||||
<view class="tn-text-lg tn-padding-right-xs tn-text-bold">个人简介</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tn-margin tn-bg-gray--light tn-padding" style="border-radius: 10rpx;">
|
||||
<textarea maxlength="500" placeholder="填写个人简介" placeholder-style="color:#AAAAAA"></textarea>
|
||||
</view>
|
||||
<!-- 悬浮按钮-->
|
||||
<view class="tn-flex tn-footerfixed">
|
||||
<view class="tn-flex-1 justify-content-item tn-margin-sm tn-text-center">
|
||||
<tn-button backgroundColor="#FBBD12" fontColor="#ffffff" padding="40rpx 0" width="60%" shadow
|
||||
fontBold @tap="upload">
|
||||
<!-- <text class="tn-icon-light tn-padding-right-xs tn-color-black"></text> -->
|
||||
<text>提 交 申 请</text>
|
||||
</tn-button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class='tn-tabbar-height'></view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
topCurrent: 0,
|
||||
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
// 跳转
|
||||
tn(e) {
|
||||
uni.navigateTo({
|
||||
url: e,
|
||||
});
|
||||
},
|
||||
goBack() {
|
||||
if (getCurrentPages().length > 1) {
|
||||
uni.navigateBack()
|
||||
} else {
|
||||
uni.redirectTo({
|
||||
url: '/pages/index/index'
|
||||
})
|
||||
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
/* 底部悬浮按钮 start*/
|
||||
.tn-tabbar-height {
|
||||
min-height: 100rpx;
|
||||
height: calc(120rpx + env(safe-area-inset-bottom) / 2);
|
||||
}
|
||||
|
||||
.tn-footerfixed {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
bottom: calc(30rpx + env(safe-area-inset-bottom));
|
||||
z-index: 1024;
|
||||
box-shadow: 0 1rpx 6rpx rgba(0, 0, 0, 0);
|
||||
|
||||
}
|
||||
|
||||
/* 底部悬浮按钮 end*/
|
||||
|
||||
/* 标签内容 start*/
|
||||
.tn-tag-content {
|
||||
&__item {
|
||||
display: inline-block;
|
||||
line-height: 45rpx;
|
||||
padding: 10rpx 30rpx;
|
||||
margin: 20rpx 20rpx 5rpx 0rpx;
|
||||
|
||||
&--prefix {
|
||||
padding-right: 10rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* 标签内容 end*/
|
||||
</style>
|
||||
|
|
@ -0,0 +1,143 @@
|
|||
<template>
|
||||
<view class="template-edit tn-safe-area-inset-bottom">
|
||||
<!-- 顶部自定义导航 -->
|
||||
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="#FFFFFF">
|
||||
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
|
||||
<view style="padding-left: 15rpx;" @click="goBack()">
|
||||
<text class="tn-icon-left" style="font-size: 40rpx;"></text>
|
||||
</view>
|
||||
<view class="tn-margin-top"
|
||||
style=";text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;">
|
||||
<tn-tabs :list="[{name:'协会入驻'}]" :current="topCurrent" activeColor="#000" :bold="false"
|
||||
:fontSize="36"></tn-tabs>
|
||||
</view>
|
||||
</view>
|
||||
</tn-nav-bar>
|
||||
|
||||
<view class="tn-safe-area-inset-bottom" :style="{paddingTop: vuex_custom_bar_height + 'px'}">
|
||||
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-margin">
|
||||
<view>
|
||||
<view class="">
|
||||
<text class="tn-text-lg tn-padding-right-xs tn-text-bold">协会头像</text>
|
||||
</view>
|
||||
</view>
|
||||
<view style="width: 100rpx;height: 100rpx;margin-right: 30rpx;">
|
||||
<tn-image-upload-drag ref="imageUpload" :width="150" :height="150" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
|
||||
<view class="tn-flex justify-content-item">
|
||||
<view class="tn-text-lg tn-padding-right-xs tn-text-bold">协会名称</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
|
||||
<input placeholder="填写协会名称" name="input" placeholder-style="color:#AAAAAA"></input>
|
||||
</view>
|
||||
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
|
||||
<view class="tn-flex justify-content-item">
|
||||
<view class="tn-text-lg tn-padding-right-xs tn-text-bold">联系方式</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
|
||||
<input placeholder="填写联系方式" name="input" placeholder-style="color:#AAAAAA"></input>
|
||||
</view>
|
||||
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
|
||||
<view class="tn-flex justify-content-item">
|
||||
<view class="tn-text-lg tn-padding-right-xs tn-text-bold">协会地址</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
|
||||
<input placeholder="填写协会地址" name="input" placeholder-style="color:#AAAAAA"></input>
|
||||
</view>
|
||||
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
|
||||
<view class="tn-flex justify-content-item">
|
||||
<view class="tn-text-lg tn-padding-right-xs tn-text-bold">协会简介</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tn-margin tn-bg-gray--light tn-padding" style="border-radius: 10rpx;">
|
||||
<textarea maxlength="500" placeholder="填写协会简介" placeholder-style="color:#AAAAAA"></textarea>
|
||||
</view>
|
||||
<!-- 悬浮按钮-->
|
||||
<view class="tn-flex tn-footerfixed">
|
||||
<view class="tn-flex-1 justify-content-item tn-margin-sm tn-text-center">
|
||||
<tn-button backgroundColor="#FBBD12" fontColor="#ffffff" padding="40rpx 0" width="60%" shadow
|
||||
fontBold @tap="upload">
|
||||
<!-- <text class="tn-icon-light tn-padding-right-xs tn-color-black"></text> -->
|
||||
<text>提 交 申 请</text>
|
||||
</tn-button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class='tn-tabbar-height'></view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
topCurrent: 0,
|
||||
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
// 跳转
|
||||
tn(e) {
|
||||
uni.navigateTo({
|
||||
url: e,
|
||||
});
|
||||
},
|
||||
goBack() {
|
||||
if (getCurrentPages().length > 1) {
|
||||
uni.navigateBack()
|
||||
} else {
|
||||
uni.redirectTo({
|
||||
url: '/pages/index/index'
|
||||
})
|
||||
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
/* 底部悬浮按钮 start*/
|
||||
.tn-tabbar-height {
|
||||
min-height: 100rpx;
|
||||
height: calc(120rpx + env(safe-area-inset-bottom) / 2);
|
||||
}
|
||||
|
||||
.tn-footerfixed {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
bottom: calc(30rpx + env(safe-area-inset-bottom));
|
||||
z-index: 1024;
|
||||
box-shadow: 0 1rpx 6rpx rgba(0, 0, 0, 0);
|
||||
|
||||
}
|
||||
|
||||
/* 底部悬浮按钮 end*/
|
||||
|
||||
/* 标签内容 start*/
|
||||
.tn-tag-content {
|
||||
&__item {
|
||||
display: inline-block;
|
||||
line-height: 45rpx;
|
||||
padding: 10rpx 30rpx;
|
||||
margin: 20rpx 20rpx 5rpx 0rpx;
|
||||
|
||||
&--prefix {
|
||||
padding-right: 10rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* 标签内容 end*/
|
||||
</style>
|
||||
|
|
@ -0,0 +1,132 @@
|
|||
<template>
|
||||
<view style="letter-spacing: 1rpx;">
|
||||
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="#FFFFFF">
|
||||
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-between">
|
||||
<view class="tn-flex tn-flex-col-center tn-flex-row-left">
|
||||
<view style="padding-left: 15rpx;" @click="goBack()">
|
||||
<text class="tn-icon-left" style="font-size: 40rpx;"></text>
|
||||
</view>
|
||||
<view class="tn-margin-top"
|
||||
style="text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;">
|
||||
<tn-tabs :list="[{name:'活动详情'}]" :current="topCurrent" activeColor="#000" :bold="false"
|
||||
:fontSize="36"></tn-tabs>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</tn-nav-bar>
|
||||
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
|
||||
<image src="/static/hd1.jpg" style="width: 100%;" mode="widthFix"></image>
|
||||
<view style="padding:20rpx 30rpx;">
|
||||
<view style="font-size: 30rpx;font-weight: 600;">河南省青年企业家协会开展“县区行”走进开封市龙亭区暨产业考察交流活动</view>
|
||||
<view style="margin-top: 40rpx;">
|
||||
<view>
|
||||
<text style="color: #26BB71;">●</text>
|
||||
<text style="margin-left: 10rpx;font-weight: 600;">报名时间：</text>
|
||||
<text style="color: #979797;">12月14日14:00 ~ 05月06日15:00</text>
|
||||
</view>
|
||||
<view style="margin: 15rpx 0rpx;">
|
||||
<text style="color: #BE7E28;">●</text>
|
||||
<text style="margin-left: 10rpx;font-weight: 600;">活动时间：</text>
|
||||
<text style="color: #979797;">05月08日09:00 ~ 05月10日17:00</text>
|
||||
</view>
|
||||
<view>
|
||||
<text style="color: #DB5022;">●</text>
|
||||
<text style="margin-left: 10rpx;font-weight: 600;">活动地点：</text>
|
||||
<text style="color: #979797;">上海市上海市青浦区国家会展中心</text>
|
||||
</view>
|
||||
</view>
|
||||
<view style="margin-top: 60rpx;font-size: 32rpx;font-weight: 600;">活动介绍</view>
|
||||
<view>
|
||||
<view style="line-height: 50rpx; text-indent: 2em;margin-top: 20rpx;">
|
||||
<p>河南省青年企业家协会（HeNan Young
|
||||
Entrepreneurs’Association），简称为省青企协，是全省性的青年企业家的群众组织，是共青团联系青年企业家的桥梁和纽带，是具有独立法人资格的非营利性社会团体，是中国青年企业家协会、河南省青年联合会、河南省企业联合会（河南省企业家协会）的团体会员。
|
||||
</p>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view style="position: fixed;bottom: 0;background-color: #ffffff;padding: 30rpx;width: 100%;">
|
||||
<view class="tn-flex tn-flex-center tn-flex-row-center tn-flex-col-center"
|
||||
style="background-color: #FDF2EC;text-align: center;padding: 30rpx;">
|
||||
<view style="font-weight: 600;">
|
||||
<text style="margin-right: 10rpx;">距报名结束剩<text style="color: #F73909;">119</text>天</text>
|
||||
<tn-count-down fontColor="#F73909" backgroundColor="#FDF2EC" :fontSize="30" :timestamp="86400"
|
||||
:showDays="true" :showHours="true" :showSeconds="true" :showMinutes="true"></tn-count-down>
|
||||
</view>
|
||||
</view>
|
||||
<view style="text-align: center;margin-top: 30rpx;">
|
||||
<tn-button backgroundColor="#F73909" height="80rpx" width="100%" fontColor="#ffffff"
|
||||
shape="round">报名</tn-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
topCurrent: 0
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
// wxJsSdk.initJssdk();
|
||||
// jweixin.ready(function() {
|
||||
// jweixin.updateAppMessageShareData({
|
||||
// title: '河南省青年企业家协会开展“县区行”走进开封市龙亭区暨产业考察交流活动', // 分享标题
|
||||
// desc: '河南省青年企业家协会开展“县区行”走进开封市龙亭区暨产业考察交流活动', // 分享描述
|
||||
// link: 'http://ysh.0rui.cn/#/pages/index/event_info', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
|
||||
// imageUrl: 'http://ysh.0rui.cn/static/logo.png',
|
||||
// success: function() {
|
||||
|
||||
// },
|
||||
// fail: function(error) {
|
||||
// console.log(error);
|
||||
// }
|
||||
// })
|
||||
// jweixin.updateTimelineShareData({
|
||||
// title: '河南省青年企业家协会开展“县区行”走进开封市龙亭区暨产业考察交流活动', // 分享标题
|
||||
// link: 'http://ysh.0rui.cn/#/pages/index/event_info', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
|
||||
// imageUrl: 'http://ysh.0rui.cn/static/logo.png',
|
||||
// success: function() {
|
||||
// // 设置成功
|
||||
// },
|
||||
// fail: function(error) {
|
||||
// console.log(error);
|
||||
// }
|
||||
// })
|
||||
// })
|
||||
this.$wxshare({
|
||||
url: 'http://ysh.0rui.cn/#/pages/index/event_info',
|
||||
data: {
|
||||
url: window.location.href.split("#")[0],
|
||||
},
|
||||
share_data: {
|
||||
title: '河南省青年企业家协会开展走进开封市龙亭区暨产业考察交流活动',
|
||||
desc: '河南省青年企业家协会开展走进开封市龙亭区暨产业考察交流活动',
|
||||
imgUrl: 'http://ysh.0rui.cn/static/ser.png',
|
||||
link: "http://ysh.0rui.cn/#/pages/index/event_info", // 分享链接，该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
|
||||
}
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
postReq() {
|
||||
|
||||
},
|
||||
goBack() {
|
||||
if (getCurrentPages().length > 1) {
|
||||
uni.navigateBack()
|
||||
} else {
|
||||
uni.redirectTo({
|
||||
url: '/pages/index/index'
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
|
|
@ -0,0 +1,74 @@
|
|||
<template>
|
||||
<view style="letter-spacing: 1rpx;">
|
||||
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="#FFFFFF">
|
||||
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
|
||||
<view style="padding-left: 15rpx;" @click="goBack()">
|
||||
<text class="tn-icon-left" style="font-size: 40rpx;"></text>
|
||||
</view>
|
||||
<view class="tn-margin-top"
|
||||
style=";text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;">
|
||||
<tn-tabs :list="[{name:'参与活动'}]" :current="topCurrent" activeColor="#000" :bold="false"
|
||||
:fontSize="36"></tn-tabs>
|
||||
</view>
|
||||
</view>
|
||||
</tn-nav-bar>
|
||||
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
|
||||
<view style="padding:10px 30rpx;">
|
||||
<view v-for="(item,index) in 3" class="tn-flex tn-flex-row-between"
|
||||
@click="openUrl('/pages/index/event_info')"
|
||||
style="background-color: #ffffff;padding: 20rpx;border-radius: 10rpx;margin-bottom: 30rpx;box-shadow: rgba(12, 0, 5, 0.1) 0px 0px 5px 0px;">
|
||||
<view style="position:relative;">
|
||||
<view style="font-size: 28rpx;">青年企业家能力提升 计划培训班(第20期)</view>
|
||||
<view class="tn-flex tn-flex-row-between"
|
||||
style="position: absolute;bottom: 0rpx;width: 100%;color: #808080;">
|
||||
<view>2023-12-25</view>
|
||||
<view>
|
||||
<tn-button v-if="index%2==0&&index!=2" padding="0px" width="100rpx" height="40rpx"
|
||||
size="sm" backgroundColor="#6BC7F0 " fontColor="tn-color-white">报名中</tn-button>
|
||||
<tn-button v-if="index%2==1&&index!=2" padding="0px" width="100rpx" height="40rpx"
|
||||
size="sm" backgroundColor="#EE9556 " fontColor="tn-color-white">预告</tn-button>
|
||||
<tn-button v-if="index==2" padding="0px" width="100rpx" height="40rpx" size="sm"
|
||||
backgroundColor="#E12B33 " fontColor="tn-color-white">进行中</tn-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view style="margin-left: 20rpx;">
|
||||
<image src="/static/hd1.jpg" style="width: 200rpx;height: 135rpx;;border-radius: 10rpx;">
|
||||
</image>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
topCurrent: 0
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
openUrl(e) {
|
||||
uni.navigateTo({
|
||||
url: e
|
||||
})
|
||||
},
|
||||
goBack() {
|
||||
if (getCurrentPages().length > 1) {
|
||||
uni.navigateBack()
|
||||
} else {
|
||||
uni.redirectTo({
|
||||
url: '/pages/index/index'
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
|
|
@ -0,0 +1,78 @@
|
|||
<template>
|
||||
<view style="letter-spacing: 1rpx;">
|
||||
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="#FFFFFF">
|
||||
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
|
||||
<view style="padding-left: 15rpx;" @click="goBack()">
|
||||
<text class="tn-icon-left" style="font-size: 40rpx;"></text>
|
||||
</view>
|
||||
<view class="tn-margin-top"
|
||||
style=";text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;">
|
||||
<tn-tabs :list="[{name:'供需记录'}]" :current="topCurrent" activeColor="#000" :bold="false"
|
||||
:fontSize="36"></tn-tabs>
|
||||
</view>
|
||||
</view>
|
||||
</tn-nav-bar>
|
||||
<view :style="{paddingTop: vuex_custom_bar_height + 10+'px'}">
|
||||
<view style="padding:10rpx 30rpx 100rpx 30rpx;">
|
||||
<view v-for="(item,index) in 3" @click="openUrl('/pages/index/goods_info')" style="background-color: #FFF;padding: 20rpx;border-radius: 20rpx;
|
||||
box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(12,0,5,0.1);margin-bottom: 30rpx;">
|
||||
<view class="tn-text-ellipsis">
|
||||
<tn-tag v-if="index%2==0" shape="radius" size="sm"
|
||||
backgroundColor="tn-main-gradient-red--reverse" width="60rpx">需求</tn-tag>
|
||||
<tn-tag v-if="index%2!=0" shape="radius" size="sm" backgroundColor="tn-main-gradient-blue"
|
||||
width="60rpx">供应</tn-tag>
|
||||
<text style="vertical-align: middle;padding-left: 20rpx;font-size:30rpx;">
|
||||
劲捷飞燕系列P056C旅拍三脚架碳纤维摄影旅拍三脚架碳纤维摄影</text>
|
||||
</view>
|
||||
<view style="font-size: 24rpx;color: #808080;margin-top: 20rpx;">洛阳灵睿网络技术有限公司</view>
|
||||
<view>
|
||||
<tn-tag shape="radius" width="auto" backgroundColor="#F7F7F7" fontColor="#808080">洛阳市</tn-tag>
|
||||
<tn-tag shape="radius" margin="20rpx" width="auto" backgroundColor="#EBF4F7"
|
||||
fontColor="#3377FF">合作意向18人</tn-tag>
|
||||
<tn-tag shape="radius" width="auto" backgroundColor="#F7F3EB"
|
||||
fontColor="#FF8C19">项目金额1万以下</tn-tag>
|
||||
</view>
|
||||
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-flex-row-center"
|
||||
style="margin-top: 20rpx;">
|
||||
<view style="color: #808080;font-size: 24rpx;">2023-12-19</view>
|
||||
<view>
|
||||
<tn-button shape="round" :fontSize="22" width="160rpx" height="50rpx"
|
||||
backgroundColor="tn-main-gradient-orange" fontColor="#ffffff">查看详情</tn-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
topCurrent: 0
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
openUrl(url) {
|
||||
uni.navigateTo({
|
||||
url: url
|
||||
})
|
||||
},
|
||||
goBack() {
|
||||
if (getCurrentPages().length > 1) {
|
||||
uni.navigateBack()
|
||||
} else {
|
||||
uni.redirectTo({
|
||||
url: '/pages/index/index'
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
|
|
@ -0,0 +1,72 @@
|
|||
<template>
|
||||
<view style="letter-spacing: 1rpx;">
|
||||
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="#FFFFFF">
|
||||
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
|
||||
<view style="padding-left: 15rpx;" @click="goBack()">
|
||||
<text class="tn-icon-left" style="font-size: 40rpx;"></text>
|
||||
</view>
|
||||
<view class="tn-margin-top"
|
||||
style=";text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;">
|
||||
<tn-tabs :list="[{name:'入会申请记录'}]" :current="topCurrent" activeColor="#000" :bold="false"
|
||||
:fontSize="36"></tn-tabs>
|
||||
</view>
|
||||
</view>
|
||||
</tn-nav-bar>
|
||||
<view :style="{paddingTop: vuex_custom_bar_height + 20+'px'}">
|
||||
<view style="padding:0rpx 30rpx 180rpx 30rpx;">
|
||||
<view
|
||||
style="position: relative;box-shadow: rgba(12, 0, 5, 0.1) 0px 0px 5px 0px;background-color: #ffffff;"
|
||||
@click="tn('/pages/index/pizz_info/pizz_info')">
|
||||
<view class="tn-flex tn-flex-center tn-flex-col-center"
|
||||
style="background-color: #ffffff;padding:60rpx 30rpx;border-radius: 15rpx;margin-bottom: 20rpx;">
|
||||
<view>
|
||||
<image src="/static/123.png" style="width: 100rpx;height: 100rpx;border-radius: 50%;">
|
||||
</image>
|
||||
</view>
|
||||
<view style="margin-left: 20rpx;">
|
||||
<view style="font-size: 31rpx;font-weight: 600;letter-spacing: 5rpx;">河南机器人行业协会</view>
|
||||
<view style="font-size: 24rpx;color: #808080;margin-top: 15rpx;">成立时间：2021-09-08</view>
|
||||
</view>
|
||||
</view>
|
||||
<view
|
||||
style="font-size: 20rpx;color: #ffffff;background-color: #FBBD12;position: absolute;top: 0;right: 0;border-radius: 0px 15rpx 0px 15rpx;padding:10rpx 10rpx;">
|
||||
<text class="tn-icon-success-circle-fill" style="vertical-align: middle;"></text>
|
||||
<text style="vertical-align: middle;margin-left: 5rpx;">审核中</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
topCurrent: 0
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
openUrl(e) {
|
||||
uni.navigateTo({
|
||||
url: e
|
||||
})
|
||||
},
|
||||
goBack() {
|
||||
if (getCurrentPages().length > 1) {
|
||||
uni.navigateBack()
|
||||
} else {
|
||||
uni.redirectTo({
|
||||
url: '/pages/index/index'
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
|
|
@ -0,0 +1,174 @@
|
|||
<template>
|
||||
<view class="tn-safe-area-inset-bottom">
|
||||
<!-- 顶部自定义导航 -->
|
||||
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="#FFFFFF">
|
||||
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
|
||||
<view style="padding-left: 15rpx;" @click="goBack()">
|
||||
<text class="tn-icon-left" style="font-size: 40rpx;"></text>
|
||||
</view>
|
||||
<view class="tn-margin-top"
|
||||
style=";text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;">
|
||||
<tn-tabs :list="[{name:'帮助中心'}]" :current="topCurrent" activeColor="#000" :bold="false"
|
||||
:fontSize="36"></tn-tabs>
|
||||
</view>
|
||||
</view>
|
||||
</tn-nav-bar>
|
||||
|
||||
<view class="tn-margin-bottom-xl" :style="{paddingTop: vuex_custom_bar_height + 'px'}">
|
||||
|
||||
<view class="tn-flex tn-flex-row-between tn-padding tn-strip-bottom-min tn-margin-top-xs">
|
||||
<view class="justify-content-item">
|
||||
<view class="tn-text-bold tn-text-lg">
|
||||
常见问题
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tn-flex tn-flex-row-between tn-strip-bottom-min tn-padding tn-margin-top-xs"
|
||||
v-for="(item, index) in helpList" :key="index" @click="tn('/minePages/content')">
|
||||
<view class="justify-content-item">
|
||||
<view class="tn-text-df">
|
||||
{{ item.title }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="justify-content-item tn-text-lg tn-color-grey">
|
||||
<view class="tn-icon-right"></view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="tn-flex tn-flex-row-between tn-padding tn-strip-bottom-min tn-strip-top">
|
||||
<view class="justify-content-item">
|
||||
<view class="tn-text-bold tn-text-lg">
|
||||
登录问题
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tn-flex tn-flex-row-between tn-strip-bottom-min tn-padding tn-margin-top-xs"
|
||||
v-for="(item, index) in helpList" @click="tn('/minePages/content')">
|
||||
<view class="justify-content-item">
|
||||
<view class="tn-text-df">
|
||||
{{ item.title }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="justify-content-item tn-text-lg tn-color-grey">
|
||||
<view class="tn-icon-right"></view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="tn-flex tn-flex-row-between tn-padding tn-strip-bottom-min tn-strip-top">
|
||||
<view class="justify-content-item">
|
||||
<view class="tn-text-bold tn-text-lg">
|
||||
其他问题
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tn-flex tn-flex-row-between tn-strip-bottom-min tn-padding tn-margin-top-xs"
|
||||
v-for="(item, index) in helpList" @click="tn('/minePages/content')">
|
||||
<view class="justify-content-item">
|
||||
<view class="tn-text-df">
|
||||
{{ item.title }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="justify-content-item tn-text-lg tn-color-grey">
|
||||
<view class="tn-icon-right"></view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class='tn-tabbar-height'></view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
topCurrent: 0,
|
||||
helpList: [{
|
||||
title: "关于隐私授权",
|
||||
name: "",
|
||||
},
|
||||
{
|
||||
title: "账号无法退出切换账号",
|
||||
name: "",
|
||||
},
|
||||
{
|
||||
title: "无法授权微信登录",
|
||||
name: "",
|
||||
},
|
||||
{
|
||||
title: "积分记录不见了",
|
||||
name: "",
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
goBack() {
|
||||
if (getCurrentPages().length > 1) {
|
||||
uni.navigateBack()
|
||||
} else {
|
||||
uni.redirectTo({
|
||||
url: '/pages/index/index'
|
||||
})
|
||||
|
||||
}
|
||||
},
|
||||
// 跳转
|
||||
tn(e) {
|
||||
uni.navigateTo({
|
||||
url: e,
|
||||
});
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
/* 间隔线 start*/
|
||||
.tn-strip-bottom-min {
|
||||
width: 100%;
|
||||
border-bottom: 1rpx solid #F8F9FB;
|
||||
}
|
||||
|
||||
.tn-strip-top {
|
||||
width: 100%;
|
||||
border-top: 20rpx solid rgba(241, 241, 241, 0.8);
|
||||
}
|
||||
|
||||
/* 间隔线 end*/
|
||||
|
||||
|
||||
/* 用户头像 start */
|
||||
.user-image {
|
||||
width: 90rpx;
|
||||
height: 90rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.user-pic {
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
// background-attachment:fixed;
|
||||
background-position: top;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
/* 底部悬浮按钮 start*/
|
||||
.tn-tabbar-height {
|
||||
min-height: 120rpx;
|
||||
height: calc(140rpx + env(safe-area-inset-bottom) / 2);
|
||||
height: calc(140rpx + constant(safe-area-inset-bottom));
|
||||
}
|
||||
|
||||
.tn-footerfixed {
|
||||
position: fixed;
|
||||
background-color: rgba(255, 255, 255, 0.5);
|
||||
box-shadow: 0rpx 0rpx 30rpx 0rpx rgba(0, 0, 0, 0.07);
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
transition: all 0.25s ease-out;
|
||||
z-index: 100;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,358 @@
|
|||
<template>
|
||||
<view class="page-c">
|
||||
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="#FFFFFF">
|
||||
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
|
||||
<view style="padding-left: 15rpx;" @click="goBack()">
|
||||
<text class="tn-icon-left" style="font-size: 40rpx;"></text>
|
||||
</view>
|
||||
<view class="tn-margin-top"
|
||||
style=";text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;">
|
||||
<tn-tabs :list="[{name:'我的名片'}]" :current="topCurrent" activeColor="#000" :bold="false"
|
||||
:fontSize="36"></tn-tabs>
|
||||
</view>
|
||||
</view>
|
||||
</tn-nav-bar>
|
||||
<!-- 顶部 -->
|
||||
<view :style="{paddingTop: vuex_custom_bar_height +20+'px'}">
|
||||
<view class="tn-strip-bottom">
|
||||
<view class="slideshow">
|
||||
<image src="/static/u1.jpg" style="width: 300rpx;border-radius: 50%;" mode="widthFix"></image>
|
||||
</view>
|
||||
<view class='tn-margin'>
|
||||
<view class="tn-text-bold">
|
||||
<text class='tn-text-xxl tn-padding-right'>朱荣梅</text>
|
||||
<text class='tn-text-lg tn-color-gray'>康桥集团执行总裁</text>
|
||||
</view>
|
||||
<view class="tn-margin-top-lg">
|
||||
<text class="tn-text-lg">微信：wechat123</text>
|
||||
<text class="tn-icon-copy tn-color-blue tn-padding-left-xs"></text>
|
||||
</view>
|
||||
<view class="tn-margin-top-xs">
|
||||
<text class="tn-text-lg">电话：180000000000</text>
|
||||
<text class="tn-icon-phone tn-color-orange tn-padding-left-xs"></text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<view class="king-list tn-margin-top-sm">
|
||||
|
||||
<view class="king-icon">
|
||||
<text class='tn-icon-creative tn-color-white tn-text-lg tn-bg-blue tn-round tn-padding-xs'></text>
|
||||
<text class='tn-text-xl tn-margin-left'>自我介绍</text>
|
||||
</view>
|
||||
<view class='king-item tn-color-red tn-icon-circle-fill'>
|
||||
<view class="resume2">
|
||||
<text class="">
|
||||
“大道行思，取则行远”。自省、学习、拼搏、创新，我的人生信条既是对自身的激励和预警，也是康桥集团耕耘17载的概括和总结。
|
||||
</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="king-icon">
|
||||
<text class='tn-icon-company tn-color-white tn-text-lg tn-bg-blue tn-round tn-padding-xs'></text>
|
||||
<text class='tn-text-xl tn-margin-left'>公司介绍</text>
|
||||
</view>
|
||||
<view class='king-item tn-color-red tn-icon-circle-fill'>
|
||||
<view>
|
||||
<view class="resume2">
|
||||
<text>康桥集团</text>
|
||||
</view>
|
||||
<view class="resume2">
|
||||
<text>康桥集团成立于2002年，砥砺18载，始终向着“做中国备受尊敬的企业”逐梦前行。目前已成为涵盖房地产开发、产业文旅、大服务体系包括（大社区，大教育，大健康，大商业，租赁住宅）、代建、装饰等领域发展的全产业链大型企业集团，形成了“一个主体两翼发展”的发展战略，围绕传统地产开发的主体，构建产业文旅、大服务两翼发展的美好生活服务商。</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="">
|
||||
<view class="icon15__item--icon tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur button-2">
|
||||
<button class="tn-button--clear-style" open-type="share" style="border-radius: 0;">
|
||||
<view class="tn-icon-send-fill tn-color-white"></view>
|
||||
</button>
|
||||
<!-- <view class="tn-icon-send-fill tn-color-white"></view> -->
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class='tn-tabbar-height'></view>
|
||||
|
||||
<view class="bg-tabbar-shadow"></view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
topCurrent: 0
|
||||
}
|
||||
},
|
||||
|
||||
onReady() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
openUrl(url) {
|
||||
uni.navigateTo({
|
||||
url: url
|
||||
})
|
||||
},
|
||||
goBack() {
|
||||
if (getCurrentPages().length > 1) {
|
||||
uni.navigateBack()
|
||||
} else {
|
||||
uni.redirectTo({
|
||||
url: '/pages/index/index'
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.page-c {
|
||||
background-color: #EBF4F7;
|
||||
}
|
||||
|
||||
/* 底部安全边距 start*/
|
||||
.tn-tabbar-height {
|
||||
min-height: 120rpx;
|
||||
height: calc(140rpx + env(safe-area-inset-bottom) / 2);
|
||||
height: calc(140rpx + constant(safe-area-inset-bottom));
|
||||
}
|
||||
|
||||
.tn-footerfixed {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
bottom: calc(180rpx + env(safe-area-inset-bottom));
|
||||
z-index: 1024;
|
||||
box-shadow: 0 1rpx 6rpx rgba(0, 0, 0, 0);
|
||||
|
||||
}
|
||||
|
||||
/* 按钮 */
|
||||
.button-1 {
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
position: fixed;
|
||||
/* bottom:200rpx;
|
||||
right: 20rpx; */
|
||||
bottom: 27%;
|
||||
right: 30rpx;
|
||||
z-index: 1001;
|
||||
border-radius: 100px;
|
||||
}
|
||||
|
||||
.button-2 {
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
position: fixed;
|
||||
/* bottom:200rpx;
|
||||
right: 20rpx; */
|
||||
bottom: 18%;
|
||||
right: 30rpx;
|
||||
z-index: 1001;
|
||||
border-radius: 100px;
|
||||
}
|
||||
|
||||
/* 图标容器15 start */
|
||||
.icon15 {
|
||||
&__item {
|
||||
width: 30%;
|
||||
|
||||
border-radius: 10rpx;
|
||||
padding: 30rpx;
|
||||
margin: 20rpx 10rpx;
|
||||
transform: scale(1);
|
||||
transition: transform 0.3s linear;
|
||||
transform-origin: center center;
|
||||
|
||||
&--icon {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
font-size: 50rpx;
|
||||
border-radius: 50%;
|
||||
margin-bottom: 18rpx;
|
||||
z-index: 1;
|
||||
|
||||
&::after {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
border-radius: inherit;
|
||||
opacity: 1;
|
||||
transform: scale(1, 1);
|
||||
background-size: 100% 100%;
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 相册 */
|
||||
.slideshow {
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
/* 简历内容 */
|
||||
.king-list {
|
||||
display: block;
|
||||
// background-color: #ffffff;
|
||||
}
|
||||
|
||||
.king-list .king-icon {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
padding: 20rpx 0 20rpx 37rpx;
|
||||
font-size: 26rpx;
|
||||
color: #888;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.king-list>.king-item {
|
||||
padding: 30rpx 30rpx 30rpx 120rpx;
|
||||
position: relative;
|
||||
display: block;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.king-list>.king-item::after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 1rpx;
|
||||
background-color: #E6E6E6;
|
||||
left: 60rpx;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
z-index: 8;
|
||||
}
|
||||
|
||||
.king-list>.king-item::before {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 36rpx;
|
||||
z-index: 9;
|
||||
background-color: #ffffff;
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
text-align: center;
|
||||
border: none;
|
||||
line-height: 50rpx;
|
||||
left: 36rpx;
|
||||
}
|
||||
|
||||
|
||||
/* 名片微调 */
|
||||
.img-solid {
|
||||
border: 1rpx solid #eee;
|
||||
}
|
||||
|
||||
.share-img {
|
||||
position: fixed;
|
||||
/* padding: 10rpx; */
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
/* top: 680rpx; */
|
||||
bottom: 200rpx;
|
||||
right: 20rpx;
|
||||
z-index: 1024;
|
||||
opacity: 0.8;
|
||||
box-shadow: 0rpx 8rpx 30rpx 0rpx rgba(0, 0, 0, 0.3);
|
||||
border: none;
|
||||
border: 6rpx solid rgba(255, 255, 255, 0);
|
||||
}
|
||||
|
||||
.resume {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding-top: 10rpx;
|
||||
border-radius: 6rpx;
|
||||
color: #666;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.resume+.resume {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.resume2 {
|
||||
padding-top: 10rpx;
|
||||
border-radius: 6rpx;
|
||||
display: block;
|
||||
color: #666;
|
||||
line-height: 1.6;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
/* 间隔线 start*/
|
||||
.tn-strip-bottom {
|
||||
width: 100%;
|
||||
border-bottom: 5rpx solid #ffffff;
|
||||
}
|
||||
|
||||
/* 间隔线 end*/
|
||||
|
||||
|
||||
.bg-img-cont {
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
height: 350rpx;
|
||||
margin: 20rpx 0;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// .button-no {
|
||||
// border: none;
|
||||
// width: 100%;
|
||||
// height: 100%;
|
||||
// background-color: rgba(0, 0, 0, 0);
|
||||
// }
|
||||
|
||||
|
||||
/* 标签内容 start*/
|
||||
.tn-tag-content {
|
||||
&__item {
|
||||
display: inline-block;
|
||||
line-height: 45rpx;
|
||||
padding: 10rpx 30rpx;
|
||||
margin: 0rpx 20rpx 25rpx 0rpx;
|
||||
|
||||
&--prefix {
|
||||
padding-right: 10rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* 标签内容 end*/
|
||||
|
||||
.see {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding-top: 10rpx;
|
||||
border-radius: 6rpx;
|
||||
color: #666;
|
||||
line-height: 1.6;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,67 @@
|
|||
<template>
|
||||
<view style="letter-spacing: 1rpx;">
|
||||
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="#FFFFFF">
|
||||
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
|
||||
<view style="padding-left: 15rpx;" @click="goBack()">
|
||||
<text class="tn-icon-left" style="font-size: 40rpx;"></text>
|
||||
</view>
|
||||
<view class="tn-margin-top"
|
||||
style=";text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;">
|
||||
<tn-tabs :list="[{name:'协会服务'}]" :current="topCurrent" activeColor="#000" :bold="false"
|
||||
:fontSize="36"></tn-tabs>
|
||||
</view>
|
||||
</view>
|
||||
</tn-nav-bar>
|
||||
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
|
||||
<view style="padding: 30rpx; line-height: 50rpx;">
|
||||
<p>一、发展服务</p>
|
||||
<p>发展服务既为个人也为企业。比如：推举会员当选政协委员、人大代表，积极参政议政；积极申请推荐会员进入市青年企业家“领航计划”班学习；组织参观会员企业学习管理；组织会员参加对外商贸考察等等。</p>
|
||||
<p>二、政策服务</p>
|
||||
<p>区青企协根据形势发展的需要，不定期地为会员提供各类优惠政策的指引和告知。</p>
|
||||
<p>三、协调服务</p>
|
||||
<p>区青企协积极为会员企业与外单位或合作企业搭建沟通的平台，互帮互助，进行工作协调。</p>
|
||||
<p>四、宣传服务</p>
|
||||
<p>积极利用报纸、电视、网络，宣传会员及企业的活动和正能量，例如：杰出企业家评选、关爱员工的企业家评选，企业庆典活动，员工表彰活动，剪彩挂牌活动等等，青企协都给予大力的宣传。</p>
|
||||
<p>五、亲子服务</p>
|
||||
<p>番禺区青企协举办一系列的亲子登山、亲子植树、亲子扶贫等等活动，和谐家庭关系，教育孩子成长。</p>
|
||||
<p>六、文体服务</p>
|
||||
<p>比如：组织参加文化展览，组织网球、乒乓球、羽毛球比赛，组织观看企业晚会，组织学习企业文化等等。</p>
|
||||
<p>七、信息服务</p>
|
||||
<p>比如：为会员企业提供积分入学、积分入户、优秀外来工评选、加入企业人才库、企业招聘等等各种信息服务。</p>
|
||||
<p>八、社会服务</p>
|
||||
<p>引领青年企业家热心公益，回报社会。比如：组织会员及其企业参加志愿活动、慈善爱心活动等等。</p>
|
||||
<p>九、提醒服务</p>
|
||||
<p>比如：每逢节假日向会员发送温馨问候的短信；遇到极端天气，向会员发出安全提醒短信等等。并且在青企协微信群里提供知识、文化、新闻方面的精神层面的服务。</p>
|
||||
<p>十、资源共享服务</p>
|
||||
<p>会员里面培训机构、律师、会计学校、审计机构、医生、地产商都有，资源充足，涵盖面广。番禺区青企协积极为会员排忧解难，为有需要的会员提供资源对接，谋求共同发展。</p>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
topCurrent: 0
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
goBack() {
|
||||
if (getCurrentPages().length > 1) {
|
||||
uni.navigateBack()
|
||||
} else {
|
||||
uni.redirectTo({
|
||||
url: '/pages/index/index'
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
|
|
@ -0,0 +1,239 @@
|
|||
<template>
|
||||
<view class="tn-safe-area-inset-bottom">
|
||||
<!-- 顶部自定义导航 -->
|
||||
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="#FFFFFF">
|
||||
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
|
||||
<view style="padding-left: 15rpx;" @click="goBack()">
|
||||
<text class="tn-icon-left" style="font-size: 40rpx;"></text>
|
||||
</view>
|
||||
<view class="tn-margin-top"
|
||||
style=";text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;">
|
||||
<tn-tabs :list="[{name:'我的信息'}]" :current="topCurrent" activeColor="#000" :bold="false"
|
||||
:fontSize="36"></tn-tabs>
|
||||
</view>
|
||||
</view>
|
||||
</tn-nav-bar>
|
||||
|
||||
<view class="tn-margin-top" :style="{paddingTop: vuex_custom_bar_height + 'px'}">
|
||||
<!-- 这个是图鸟UI响应用户需求，推出的一个uni_modules组件，插件市场点击右上角，导入即可 https://ext.dcloud.net.cn/plugin?id=10172 -->
|
||||
<wx-user-info-modal v-model="showAuthorizationModal" @updated="updatedUserInfoEvent"></wx-user-info-modal>
|
||||
|
||||
<view class="tn-flex tn-flex-row-between tn-strip-bottom tn-padding" @tap.stop="openAuthorizationModal">
|
||||
<view class="justify-content-item">
|
||||
<view class="tn-text-bold tn-text-lg">
|
||||
朱荣梅
|
||||
</view>
|
||||
<view class="tn-color-gray tn-padding-top-xs">
|
||||
康桥集团执行总裁
|
||||
</view>
|
||||
</view>
|
||||
<view class="justify-content-item tn-text-lg tn-color-grey">
|
||||
<view class="logo-pic tn-shadow">
|
||||
<view>
|
||||
<view class="tn-shadow-blur"
|
||||
style="background-image:url('/static/u1.jpg');width: 100rpx;height: 100rpx;background-size: cover;">
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tn-flex tn-flex-row-between tn-strip-bottom-min tn-padding" @click="showModal2">
|
||||
<view class="justify-content-item">
|
||||
<view class="tn-text-bold tn-text-lg">
|
||||
绑定手机号
|
||||
</view>
|
||||
<view class="tn-color-gray tn-padding-top-xs">
|
||||
18000000000
|
||||
</view>
|
||||
</view>
|
||||
<view class="justify-content-item tn-text-lg tn-color-grey">
|
||||
<view class="tn-icon-right tn-padding-top"></view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="tn-flex tn-flex-row-between tn-strip-bottom-min tn-padding" @click="showModal3">
|
||||
<view class="justify-content-item">
|
||||
<view class="tn-text-bold tn-text-lg">
|
||||
姓名
|
||||
</view>
|
||||
<view class="tn-color-gray tn-padding-top-xs">
|
||||
朱荣梅
|
||||
</view>
|
||||
</view>
|
||||
<view class="justify-content-item tn-text-lg tn-color-grey">
|
||||
<view class="tn-icon-right tn-padding-top"></view>
|
||||
</view>
|
||||
</view>
|
||||
<picker @change="bindPickerChange" :value="index" :range="array">
|
||||
<view class="tn-flex tn-flex-row-between tn-strip-bottom-min tn-padding">
|
||||
<view class="justify-content-item">
|
||||
<view class="tn-text-bold tn-text-lg">
|
||||
性别
|
||||
</view>
|
||||
<view class="tn-color-gray tn-padding-top-xs">
|
||||
|
||||
<view class="tn-color-gray">{{array[index]}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="justify-content-item tn-text-lg tn-color-grey">
|
||||
<view class="tn-icon-right tn-padding-top"></view>
|
||||
</view>
|
||||
</view>
|
||||
</picker>
|
||||
<picker @change="bindDateChange" mode="date" :value="date" :start="startDate" :end="endDate">
|
||||
<view class="tn-flex tn-flex-row-between tn-strip-bottom-min tn-padding">
|
||||
<view class="justify-content-item">
|
||||
<view class="tn-text-bold tn-text-lg">
|
||||
生日
|
||||
</view>
|
||||
<view class="tn-color-gray tn-padding-top-xs">
|
||||
1988-01-01
|
||||
</view>
|
||||
</view>
|
||||
<view class="justify-content-item tn-text-lg tn-color-grey">
|
||||
<view class="tn-icon-right tn-padding-top"></view>
|
||||
</view>
|
||||
</view>
|
||||
</picker>
|
||||
<picker @change="bindPickerChange1" :value="index1" :range="array1">
|
||||
<view class="tn-flex tn-flex-row-between tn-strip-bottom-min tn-padding">
|
||||
<view class="justify-content-item">
|
||||
<view class="tn-text-bold tn-text-lg">
|
||||
简介
|
||||
</view>
|
||||
<view class="tn-color-gray tn-padding-top-xs">
|
||||
康桥集团执行总裁
|
||||
</view>
|
||||
</view>
|
||||
<view class="justify-content-item tn-text-lg tn-color-grey">
|
||||
<view class="tn-icon-right tn-padding-top"></view>
|
||||
</view>
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
<view class="tn-flex tn-footerfixed">
|
||||
<view class="tn-flex-1 justify-content-item tn-margin-sm tn-text-center">
|
||||
<tn-button backgroundColor="#FBBD12" fontColor="#ffffff" padding="40rpx 0" width="60%" shadow fontBold
|
||||
@tap="upload">
|
||||
<!-- <text class="tn-icon-light tn-padding-right-xs tn-color-black"></text> -->
|
||||
<text>保 存</text>
|
||||
</tn-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
topCurrent: 0,
|
||||
showAuthorizationModal: false,
|
||||
show1: false,
|
||||
show2: false,
|
||||
show3: false,
|
||||
index: 0,
|
||||
array: ['女', '男', '保密'],
|
||||
date: '2000-01-29',
|
||||
index1: 1,
|
||||
array1: ['计算机/电子', '高级UI设计', '会计/金融', '政府/非盈利组织/其他'],
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 跳转
|
||||
tn(e) {
|
||||
uni.navigateTo({
|
||||
url: e,
|
||||
});
|
||||
},
|
||||
goBack() {
|
||||
if (getCurrentPages().length > 1) {
|
||||
uni.navigateBack()
|
||||
} else {
|
||||
uni.redirectTo({
|
||||
url: '/pages/index/index'
|
||||
})
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
/* 授权 */
|
||||
.login-page {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* 授权按钮 */
|
||||
.submit-btn {
|
||||
width: 100%;
|
||||
background-color: #05C160;
|
||||
color: #FFFFFF;
|
||||
margin-top: 60rpx;
|
||||
border-radius: 10rpx;
|
||||
padding: 25rpx;
|
||||
font-size: 32rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 30rpx;
|
||||
}
|
||||
|
||||
/* 间隔线 start*/
|
||||
.tn-strip-bottom-min {
|
||||
width: 100%;
|
||||
border-bottom: 1rpx solid #F8F9FB;
|
||||
}
|
||||
|
||||
.tn-strip-bottom {
|
||||
width: 100%;
|
||||
border-bottom: 20rpx solid rgba(241, 241, 241, 0.8);
|
||||
}
|
||||
|
||||
/* 间隔线 end*/
|
||||
|
||||
|
||||
/* 用户头像 start */
|
||||
.logo-image {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.logo-pic {
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
// background-attachment:fixed;
|
||||
background-position: top;
|
||||
border: 2rpx solid rgba(255, 255, 255, 0.05);
|
||||
box-shadow: 0rpx 0rpx 80rpx 0rpx rgba(0, 0, 0, 0.15);
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
// background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
|
||||
/* 底部悬浮按钮 start*/
|
||||
.tn-tabbar-height {
|
||||
min-height: 100rpx;
|
||||
height: calc(120rpx + env(safe-area-inset-bottom) / 2);
|
||||
}
|
||||
|
||||
.tn-footerfixed {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
bottom: calc(30rpx + env(safe-area-inset-bottom));
|
||||
z-index: 1024;
|
||||
box-shadow: 0 1rpx 6rpx rgba(0, 0, 0, 0);
|
||||
|
||||
}
|
||||
|
||||
/* 底部悬浮按钮 end*/
|
||||
</style>
|
||||
|
|
@ -0,0 +1,125 @@
|
|||
<template>
|
||||
<view class="template-edit tn-safe-area-inset-bottom">
|
||||
<!-- 顶部自定义导航 -->
|
||||
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="#FFFFFF">
|
||||
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
|
||||
<view style="padding-left: 15rpx;" @click="goBack()">
|
||||
<text class="tn-icon-left" style="font-size: 40rpx;"></text>
|
||||
</view>
|
||||
<view class="tn-margin-top"
|
||||
style=";text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;">
|
||||
<tn-tabs :list="[{name:'意见反馈'}]" :current="topCurrent" activeColor="#000" :bold="false"
|
||||
:fontSize="36"></tn-tabs>
|
||||
</view>
|
||||
</view>
|
||||
</tn-nav-bar>
|
||||
|
||||
<view class="tn-safe-area-inset-bottom" :style="{paddingTop: vuex_custom_bar_height + 'px'}">
|
||||
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
|
||||
<view class="tn-flex justify-content-item">
|
||||
<view class="tn-text-lg tn-padding-right-xs tn-text-bold">反馈人</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
|
||||
<input placeholder="填写姓名" name="input" placeholder-style="color:#AAAAAA"></input>
|
||||
</view>
|
||||
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
|
||||
<view class="tn-flex justify-content-item">
|
||||
<view class="tn-text-lg tn-padding-right-xs tn-text-bold">联系方式</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tn-margin tn-bg-gray--light" style="border-radius: 10rpx;padding: 20rpx 30rpx;">
|
||||
<input placeholder="填写联系方式" name="input" placeholder-style="color:#AAAAAA"></input>
|
||||
</view>
|
||||
<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
|
||||
<view class="tn-flex justify-content-item">
|
||||
<view class="tn-text-lg tn-padding-right-xs tn-text-bold">反馈内容</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tn-margin tn-bg-gray--light tn-padding" style="border-radius: 10rpx;">
|
||||
<textarea maxlength="500" placeholder="填写反馈内容" placeholder-style="color:#AAAAAA"></textarea>
|
||||
</view>
|
||||
<!-- 悬浮按钮-->
|
||||
<view class="tn-flex tn-footerfixed">
|
||||
<view class="tn-flex-1 justify-content-item tn-margin-sm tn-text-center">
|
||||
<tn-button backgroundColor="#FBBD12" fontColor="#ffffff" padding="40rpx 0" width="60%" shadow
|
||||
fontBold @tap="upload">
|
||||
<!-- <text class="tn-icon-light tn-padding-right-xs tn-color-black"></text> -->
|
||||
<text>提 交</text>
|
||||
</tn-button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class='tn-tabbar-height'></view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
topCurrent: 0,
|
||||
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
// 跳转
|
||||
tn(e) {
|
||||
uni.navigateTo({
|
||||
url: e,
|
||||
});
|
||||
},
|
||||
goBack() {
|
||||
if (getCurrentPages().length > 1) {
|
||||
uni.navigateBack()
|
||||
} else {
|
||||
uni.redirectTo({
|
||||
url: '/pages/index/index'
|
||||
})
|
||||
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
/* 底部悬浮按钮 start*/
|
||||
.tn-tabbar-height {
|
||||
min-height: 100rpx;
|
||||
height: calc(120rpx + env(safe-area-inset-bottom) / 2);
|
||||
}
|
||||
|
||||
.tn-footerfixed {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
bottom: calc(30rpx + env(safe-area-inset-bottom));
|
||||
z-index: 1024;
|
||||
box-shadow: 0 1rpx 6rpx rgba(0, 0, 0, 0);
|
||||
|
||||
}
|
||||
|
||||
/* 底部悬浮按钮 end*/
|
||||
|
||||
/* 标签内容 start*/
|
||||
.tn-tag-content {
|
||||
&__item {
|
||||
display: inline-block;
|
||||
line-height: 45rpx;
|
||||
padding: 10rpx 30rpx;
|
||||
margin: 20rpx 20rpx 5rpx 0rpx;
|
||||
|
||||
&--prefix {
|
||||
padding-right: 10rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* 标签内容 end*/
|
||||
</style>
|
||||
|
|
@ -0,0 +1,173 @@
|
|||
<template>
|
||||
<view class="message tn-safe-area-inset-bottom">
|
||||
|
||||
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="#FFFFFF">
|
||||
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
|
||||
<view style="padding-left: 15rpx;" @click="goBack()">
|
||||
<text class="tn-icon-left" style="font-size: 40rpx;"></text>
|
||||
</view>
|
||||
<view class="tn-margin-top"
|
||||
style=";text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;">
|
||||
<tn-tabs :list="[{name:'我的消息'}]" :current="topCurrent" activeColor="#000" :bold="false"
|
||||
:fontSize="36"></tn-tabs>
|
||||
</view>
|
||||
</view>
|
||||
</tn-nav-bar>
|
||||
<view class="" :style="{paddingTop: vuex_custom_bar_height + 'px'}">
|
||||
|
||||
<view class="wallpaper-shadow tn-margin tn-padding" @click="tn('/pageB/chat/chatGPT')">
|
||||
<view class="tn-flex tn-flex-col-top">
|
||||
<!-- 这个是图标形式 -->
|
||||
<view class="">
|
||||
<view class="icon15__item--icon tn-flex tn-flex-row-center tn-flex-col-center tn-shadow-blur"
|
||||
style="background-color: #F3F2F7;color: #7C8191;">
|
||||
<view class="tn-icon-notice-fill"></view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tn-padding-left-sm" style="width: 100%;">
|
||||
<view class="tn-flex tn-flex-row-between tn-flex-col-between">
|
||||
<view class="justify-content-item">
|
||||
<text class="tn-color-wallpaper tn-text-lg tn-text-bold">系统消息</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class=" tn-padding-top-xs tn-text-ellipsis-2">
|
||||
<text class="tn-color-gray">您申请加入《河南机器人协会》协会，已审核通过！</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="tn-flex tn-flex-row-between tn-flex-col-between tn-margin-top-sm">
|
||||
<view class="justify-content-item tn-color-gray tn-text-center tn-color-gray">
|
||||
<text class="tn-icon-time tn-padding-right-xs tn-padding-left-xs tn-text-df"></text>
|
||||
<text class="tn-text-sm">2023-12-28 16:27</text>
|
||||
</view>
|
||||
<view class="justify-content-item tn-round tn-text-xs tn-bg-blue--light tn-color-blue"
|
||||
style="padding: 5rpx 15rpx;">
|
||||
<text class="tn-padding-right-xs">#</text> 官 方
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="tn-tabbar-height"></view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Message',
|
||||
data() {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
// 跳转
|
||||
tn(e) {
|
||||
uni.navigateTo({
|
||||
url: e,
|
||||
});
|
||||
},
|
||||
goBack() {
|
||||
if (getCurrentPages().length > 1) {
|
||||
uni.navigateBack()
|
||||
} else {
|
||||
uni.redirectTo({
|
||||
url: '/pages/index/index'
|
||||
})
|
||||
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.message {
|
||||
max-height: 100vh;
|
||||
}
|
||||
|
||||
/* 自定义导航栏内容 end */
|
||||
|
||||
/* 底部安全边距 start*/
|
||||
.tn-tabbar-height {
|
||||
min-height: 20rpx;
|
||||
height: calc(40rpx + env(safe-area-inset-bottom) / 2);
|
||||
height: calc(40rpx + constant(safe-area-inset-bottom));
|
||||
}
|
||||
|
||||
|
||||
.tn-color-wallpaper {
|
||||
color: #1D2541;
|
||||
}
|
||||
|
||||
/* 页面阴影 start*/
|
||||
.wallpaper-shadow {
|
||||
border-radius: 15rpx;
|
||||
box-shadow: 0rpx 0rpx 50rpx 0rpx rgba(0, 0, 0, 0.07);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* 图标容器15 start */
|
||||
.icon15 {
|
||||
&__item {
|
||||
width: 30%;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 10rpx;
|
||||
padding: 30rpx;
|
||||
margin: 20rpx 10rpx;
|
||||
transform: scale(1);
|
||||
transition: transform 0.3s linear;
|
||||
transform-origin: center center;
|
||||
|
||||
&--icon {
|
||||
width: 105rpx;
|
||||
height: 105rpx;
|
||||
font-size: 60rpx;
|
||||
border-radius: 50%;
|
||||
margin-bottom: 18rpx;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
&::after {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
border-radius: inherit;
|
||||
opacity: 1;
|
||||
transform: scale(1, 1);
|
||||
background-size: 100% 100%;
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* 用户头像 start */
|
||||
.logo-image {
|
||||
width: 100rpx;
|
||||
height: 100rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.logo-pic {
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
// background-attachment:fixed;
|
||||
background-position: top;
|
||||
border: 1rpx solid rgba(255, 255, 255, 0.05);
|
||||
box-shadow: 0rpx 0rpx 80rpx 0rpx rgba(0, 0, 0, 0.05);
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
// background-color: #FFFFFF;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,67 @@
|
|||
<template>
|
||||
<view style="letter-spacing: 1rpx;">
|
||||
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="#FFFFFF">
|
||||
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
|
||||
<view style="padding-left: 15rpx;" @click="goBack()">
|
||||
<text class="tn-icon-left" style="font-size: 40rpx;"></text>
|
||||
</view>
|
||||
<view class="tn-margin-top"
|
||||
style=";text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;">
|
||||
<tn-tabs :list="[{name:'所在协会'}]" :current="topCurrent" activeColor="#000" :bold="false"
|
||||
:fontSize="36"></tn-tabs>
|
||||
</view>
|
||||
</view>
|
||||
</tn-nav-bar>
|
||||
<view :style="{paddingTop: vuex_custom_bar_height + 20+'px'}">
|
||||
<view style="padding:0rpx 30rpx 180rpx 30rpx;">
|
||||
<view
|
||||
style="position: relative;box-shadow: rgba(12, 0, 5, 0.1) 0px 0px 5px 0px;background-color: #ffffff;"
|
||||
@click="tn('/pages/index/pizz_info/pizz_info')">
|
||||
<view class="tn-flex tn-flex-center tn-flex-col-center"
|
||||
style="background-color: #ffffff;padding:60rpx 30rpx;border-radius: 15rpx;margin-bottom: 20rpx;">
|
||||
<view>
|
||||
<image src="/static/123.png" style="width: 100rpx;height: 100rpx;border-radius: 50%;">
|
||||
</image>
|
||||
</view>
|
||||
<view style="margin-left: 20rpx;">
|
||||
<view style="font-size: 31rpx;font-weight: 600;letter-spacing: 5rpx;">河南机器人行业协会</view>
|
||||
<view style="font-size: 24rpx;color: #808080;margin-top: 15rpx;">成立时间：2021-09-08</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
topCurrent: 0
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
openUrl(e) {
|
||||
uni.navigateTo({
|
||||
url: e
|
||||
})
|
||||
},
|
||||
goBack() {
|
||||
if (getCurrentPages().length > 1) {
|
||||
uni.navigateBack()
|
||||
} else {
|
||||
uni.redirectTo({
|
||||
url: '/pages/index/index'
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
|
|
@ -0,0 +1,170 @@
|
|||
<template>
|
||||
<view class="tn-safe-area-inset-bottom">
|
||||
<!-- 顶部自定义导航 -->
|
||||
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="#FFFFFF">
|
||||
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
|
||||
<view style="padding-left: 15rpx;" @click="goBack()">
|
||||
<text class="tn-icon-left" style="font-size: 40rpx;"></text>
|
||||
</view>
|
||||
<view class="tn-margin-top"
|
||||
style=";text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;">
|
||||
<tn-tabs :list="[{name:'设置'}]" :current="topCurrent" activeColor="#000" :bold="false"
|
||||
:fontSize="36"></tn-tabs>
|
||||
</view>
|
||||
</view>
|
||||
</tn-nav-bar>
|
||||
|
||||
<view class="tn-margin-top" :style="{paddingTop: vuex_custom_bar_height + 'px'}">
|
||||
<view class="tn-flex tn-flex-row-between tn-strip-bottom-min tn-padding" @click="showModal2">
|
||||
<view class="justify-content-item">
|
||||
<view class="tn-text-bold tn-text-lg">
|
||||
系统设置1
|
||||
</view>
|
||||
<view class="tn-color-gray tn-padding-top-xs">
|
||||
已开启
|
||||
</view>
|
||||
</view>
|
||||
<view class="justify-content-item tn-text-lg tn-color-grey">
|
||||
<view class="tn-icon-right tn-padding-top"></view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="tn-flex tn-flex-row-between tn-strip-bottom-min tn-padding">
|
||||
<view class="justify-content-item">
|
||||
<view class="tn-text-bold tn-text-lg">
|
||||
系统设置2
|
||||
</view>
|
||||
<view class="tn-color-gray tn-padding-top-xs">
|
||||
已开启
|
||||
</view>
|
||||
</view>
|
||||
<view class="justify-content-item tn-text-lg tn-color-grey">
|
||||
<view class="tn-icon-right tn-padding-top"></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="tn-flex tn-footerfixed">
|
||||
<view class="tn-flex-1 justify-content-item tn-margin-sm tn-text-center">
|
||||
<tn-button backgroundColor="#FBBD12" fontColor="#ffffff" padding="40rpx 0" width="60%" shadow fontBold
|
||||
@tap="upload">
|
||||
<!-- <text class="tn-icon-light tn-padding-right-xs tn-color-black"></text> -->
|
||||
<text>保 存</text>
|
||||
</tn-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
topCurrent: 0,
|
||||
index: 0,
|
||||
array: ['女', '男', '保密'],
|
||||
date: '2000-01-29',
|
||||
index1: 1,
|
||||
array1: ['计算机/电子', '高级UI设计', '会计/金融', '政府/非盈利组织/其他'],
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
|
||||
},
|
||||
methods: {
|
||||
goBack() {
|
||||
if (getCurrentPages().length > 1) {
|
||||
uni.navigateBack()
|
||||
} else {
|
||||
uni.redirectTo({
|
||||
url: '/pages/index/index'
|
||||
})
|
||||
|
||||
}
|
||||
},
|
||||
// 跳转
|
||||
tn(e) {
|
||||
uni.navigateTo({
|
||||
url: e,
|
||||
});
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
/* 授权 */
|
||||
.login-page {
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/* 授权按钮 */
|
||||
.submit-btn {
|
||||
width: 100%;
|
||||
background-color: #05C160;
|
||||
color: #FFFFFF;
|
||||
margin-top: 60rpx;
|
||||
border-radius: 10rpx;
|
||||
padding: 25rpx;
|
||||
font-size: 32rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 30rpx;
|
||||
}
|
||||
|
||||
/* 间隔线 start*/
|
||||
.tn-strip-bottom-min {
|
||||
width: 100%;
|
||||
border-bottom: 1rpx solid #F8F9FB;
|
||||
}
|
||||
|
||||
.tn-strip-bottom {
|
||||
width: 100%;
|
||||
border-bottom: 20rpx solid rgba(241, 241, 241, 0.8);
|
||||
}
|
||||
|
||||
/* 间隔线 end*/
|
||||
|
||||
|
||||
/* 用户头像 start */
|
||||
.logo-image {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.logo-pic {
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
// background-attachment:fixed;
|
||||
background-position: top;
|
||||
border: 2rpx solid rgba(255, 255, 255, 0.05);
|
||||
box-shadow: 0rpx 0rpx 80rpx 0rpx rgba(0, 0, 0, 0.15);
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
// background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
|
||||
/* 底部悬浮按钮 start*/
|
||||
.tn-tabbar-height {
|
||||
min-height: 100rpx;
|
||||
height: calc(120rpx + env(safe-area-inset-bottom) / 2);
|
||||
}
|
||||
|
||||
.tn-footerfixed {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
bottom: calc(30rpx + env(safe-area-inset-bottom));
|
||||
z-index: 1024;
|
||||
box-shadow: 0 1rpx 6rpx rgba(0, 0, 0, 0);
|
||||
|
||||
}
|
||||
|
||||
/* 底部悬浮按钮 end*/
|
||||
</style>
|
||||
|
|
@ -0,0 +1,120 @@
|
|||
<template>
|
||||
<view style="letter-spacing: 1rpx;">
|
||||
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="#FFFFFF">
|
||||
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
|
||||
<view style="padding-left: 15rpx;" @click="goBack()">
|
||||
<text class="tn-icon-left" style="font-size: 40rpx;"></text>
|
||||
</view>
|
||||
<view class="tn-margin-top"
|
||||
style=";text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;">
|
||||
<tn-tabs :list="[{name:'协会详情'}]" :current="topCurrent" activeColor="#000" :bold="false"
|
||||
:fontSize="36"></tn-tabs>
|
||||
</view>
|
||||
</view>
|
||||
</tn-nav-bar>
|
||||
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
|
||||
<view class="tn-flex tn-flex-center tn-flex-col-center"
|
||||
style="background-color: #ffffff;padding:60rpx 30rpx;border-radius: 15rpx;margin-bottom: 20rpx;">
|
||||
<view>
|
||||
<image src="/static/123.png" style="width: 100rpx;height: 100rpx;border-radius: 50%;"></image>
|
||||
</view>
|
||||
<view style="margin-left: 20rpx;">
|
||||
<view style="font-size: 31rpx;font-weight: 600;letter-spacing: 5rpx;">河南机器人行业协会</view>
|
||||
<view style="font-size: 24rpx;color: #808080;margin-top: 15rpx;">成立时间：2021-09-08</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view style="padding:20rpx 30rpx;">
|
||||
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-between" style="font-size: 30rpx;">
|
||||
<view>协会地址</view>
|
||||
<view>郑州市金水路17号</view>
|
||||
</view>
|
||||
<view style="margin: 20rpx 0rpx;font-size: 30rpx;"
|
||||
class="custom-nav tn-flex tn-flex-col-center tn-flex-row-between">
|
||||
<view>协会邮箱</view>
|
||||
<view>hnqqx@126.com</view>
|
||||
</view>
|
||||
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-between" style="font-size: 30rpx;">
|
||||
<view>联系方式</view>
|
||||
<view>0371-65560130</view>
|
||||
</view>
|
||||
</view>
|
||||
<view style="height: 10rpx;background-color: #EBF4F7;"></view>
|
||||
<view style="padding:10rpx 30rpx 180rpx 30rpx;">
|
||||
<tn-tabs :list="list" :isScroll="false" :activeItemStyle="{'fontWeight':'600','fontSize':'30rpx'}"
|
||||
style="font-weight: ;" activeColor="#000" :barWidth="50" :barHeight="6"
|
||||
:barStyle="{'background': 'linear-gradient(-45deg, #4AA2EF, #3A7FF4)','borderRadius': '4rpx'}"
|
||||
:current="current" name="name" @change="change"></tn-tabs>
|
||||
<view style="margin-top: 20rpx;position: relative;">
|
||||
<image src="/static/b1.png"
|
||||
style="width: 100rpx;height: 100rpx;position: absolute;left: 0;right: 0;top: 38%;z-index: 10;margin: 0 auto;">
|
||||
</image>
|
||||
<image src="/static/t7.jpg" style="width: 100%;border-radius: 20rpx;" mode="widthFix"></image>
|
||||
</view>
|
||||
<view style="line-height: 50rpx; text-indent: 2em;margin-top: 20rpx;">
|
||||
<p>河南省青年企业家协会（HeNan Young
|
||||
Entrepreneurs’Association），简称为省青企协，是全省性的青年企业家的群众组织，是共青团联系青年企业家的桥梁和纽带，是具有独立法人资格的非营利性社会团体，是中国青年企业家协会、河南省青年联合会、河南省企业联合会（河南省企业家协会）的团体会员。
|
||||
</p>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view style="position: fixed;bottom: 12%;width: 100%;">
|
||||
<view class="tn-flex tn-flex-row-around">
|
||||
<view @click="openUrl('/pages/index/directory')"
|
||||
style="color: #fff;;letter-spacing: 10rpx;line-height: 70rpx;;text-align: center;;width: 300rpx;height: 70rpx;background: linear-gradient(-45deg, #4AA2EF, #3A7FF4);border-radius: 50rpx;">
|
||||
会员名录</view>
|
||||
<view @click="openUrl('/pages/index/apply_in')"
|
||||
style="color: #fff;;letter-spacing: 10rpx;line-height: 70rpx;;text-align: center;;width: 300rpx;height: 70rpx;background: linear-gradient(270deg, #EE7E45, #EE9657);border-radius: 50rpx;">
|
||||
申请入会</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
topCurrent: 0,
|
||||
swiperList: [{
|
||||
url: '/static/banner1.jpg',
|
||||
}],
|
||||
list: [{
|
||||
name: '协会简介'
|
||||
}, {
|
||||
name: '组织架构'
|
||||
}, {
|
||||
name: '规章制度',
|
||||
}, {
|
||||
name: '入会须知',
|
||||
}],
|
||||
current: 0,
|
||||
cardCur: 0
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
openUrl(url) {
|
||||
uni.navigateTo({
|
||||
url: url
|
||||
})
|
||||
},
|
||||
change(e) {
|
||||
this.current = e;
|
||||
},
|
||||
goBack() {
|
||||
if (getCurrentPages().length > 1) {
|
||||
uni.navigateBack()
|
||||
} else {
|
||||
uni.redirectTo({
|
||||
url: '/pages/index/index'
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
|
|
@ -0,0 +1,239 @@
|
|||
<template>
|
||||
<view style="letter-spacing: 1rpx;">
|
||||
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="#FFFFFF">
|
||||
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
|
||||
<view style="padding-left: 15rpx;" @click="goBack()">
|
||||
<text class="tn-icon-left" style="font-size: 40rpx;"></text>
|
||||
</view>
|
||||
<view class="tn-margin-top"
|
||||
style=";text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;">
|
||||
<tn-tabs :list="[{name:'组织架构'}]" :current="topCurrent" activeColor="#000" :bold="false"
|
||||
:fontSize="36"></tn-tabs>
|
||||
</view>
|
||||
</view>
|
||||
</tn-nav-bar>
|
||||
<view :style="{paddingTop: vuex_custom_bar_height+ 'px'}">
|
||||
<view style="padding: 30rpx;text-align: center;">
|
||||
<tn-button backgroundColor="#E83A30" height="50rpx" width="250rpx" fontColor="#ffffff">会长</tn-button>
|
||||
<tn-grid align="center" col="5">
|
||||
<block v-for="(item, index) in 1" :key="index">
|
||||
<!-- H5 -->
|
||||
<!-- #ifndef MP-WEIXIN -->
|
||||
<tn-grid-item>
|
||||
<view style="padding: 30rpx;">
|
||||
<image src="/static/u1.jpg" style="width: 100rpx;height: 100rpx;border-radius: 50%;">
|
||||
</image>
|
||||
<view>朱荣梅</view>
|
||||
</view>
|
||||
</tn-grid-item>
|
||||
<!-- #endif-->
|
||||
<!-- 微信小程序 -->
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<tn-grid-item style="width:20%">
|
||||
<view style="padding: 30rpx;">
|
||||
<image src="/static/u1.jpg" style="width: 100rpx;height: 100rpx;border-radius: 50%;">
|
||||
</image>
|
||||
<view>朱荣梅</view>
|
||||
</view>
|
||||
</tn-grid-item>
|
||||
<!-- #endif-->
|
||||
</block>
|
||||
</tn-grid>
|
||||
</view>
|
||||
<view style="padding: 30rpx;text-align: center;">
|
||||
<tn-button backgroundColor="#E83A30" height="50rpx" width="250rpx" fontColor="#ffffff">名誉会长</tn-button>
|
||||
<tn-grid align="center" col="5">
|
||||
<block v-for="(item, index) in 3" :key="index">
|
||||
<!-- H5 -->
|
||||
<!-- #ifndef MP-WEIXIN -->
|
||||
<tn-grid-item>
|
||||
<view style="padding: 30rpx;">
|
||||
<image src="/static/u1.jpg" style="width: 100rpx;height: 100rpx;border-radius: 50%;">
|
||||
</image>
|
||||
<view>朱荣梅</view>
|
||||
</view>
|
||||
</tn-grid-item>
|
||||
<!-- #endif-->
|
||||
|
||||
<!-- 微信小程序 -->
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<tn-grid-item style="width:20%">
|
||||
<view style="padding: 30rpx;">
|
||||
<image src="/static/u1.jpg" style="width: 100rpx;height: 100rpx;border-radius: 50%;">
|
||||
</image>
|
||||
<view>朱荣梅</view>
|
||||
</view>
|
||||
</tn-grid-item>
|
||||
<!-- #endif-->
|
||||
</block>
|
||||
</tn-grid>
|
||||
</view>
|
||||
<view style="padding: 30rpx;text-align: center;">
|
||||
<tn-button backgroundColor="#E83A30" height="50rpx" width="250rpx" fontColor="#ffffff">副会长</tn-button>
|
||||
<tn-grid align="center" col="5">
|
||||
<block v-for="(item, index) in 2" :key="index">
|
||||
<!-- H5 -->
|
||||
<!-- #ifndef MP-WEIXIN -->
|
||||
<tn-grid-item>
|
||||
<view style="padding: 30rpx;">
|
||||
<image src="/static/u1.jpg" style="width: 100rpx;height: 100rpx;border-radius: 50%;">
|
||||
</image>
|
||||
<view>朱荣梅</view>
|
||||
</view>
|
||||
</tn-grid-item>
|
||||
<!-- #endif-->
|
||||
|
||||
<!-- 微信小程序 -->
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<tn-grid-item style="width:20%">
|
||||
<view style="padding: 30rpx;">
|
||||
<image src="/static/u1.jpg" style="width: 100rpx;height: 100rpx;border-radius: 50%;">
|
||||
</image>
|
||||
<view>朱荣梅</view>
|
||||
</view>
|
||||
</tn-grid-item>
|
||||
<!-- #endif-->
|
||||
</block>
|
||||
</tn-grid>
|
||||
</view>
|
||||
<view style="padding: 30rpx;text-align: center;">
|
||||
<tn-button backgroundColor="#E83A30" height="50rpx" width="250rpx" fontColor="#ffffff">秘书长</tn-button>
|
||||
<tn-grid align="center" col="5">
|
||||
<block v-for="(item, index) in 1" :key="index">
|
||||
<!-- H5 -->
|
||||
<!-- #ifndef MP-WEIXIN -->
|
||||
<tn-grid-item>
|
||||
<view style="padding: 30rpx;">
|
||||
<image src="/static/u1.jpg" style="width: 100rpx;height: 100rpx;border-radius: 50%;">
|
||||
</image>
|
||||
<view>朱荣梅</view>
|
||||
</view>
|
||||
</tn-grid-item>
|
||||
<!-- #endif-->
|
||||
|
||||
<!-- 微信小程序 -->
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<tn-grid-item style="width:20%">
|
||||
<view style="padding: 30rpx;">
|
||||
<image src="/static/u1.jpg" style="width: 100rpx;height: 100rpx;border-radius: 50%;">
|
||||
</image>
|
||||
<view>朱荣梅</view>
|
||||
</view>
|
||||
</tn-grid-item>
|
||||
<!-- #endif-->
|
||||
</block>
|
||||
</tn-grid>
|
||||
</view>
|
||||
<view style="padding: 30rpx;text-align: center;">
|
||||
<tn-button backgroundColor="#E83A30" height="50rpx" width="250rpx" fontColor="#ffffff">副秘书长</tn-button>
|
||||
<tn-grid align="center" col="5">
|
||||
<block v-for="(item, index) in 2" :key="index">
|
||||
<!-- H5 -->
|
||||
<!-- #ifndef MP-WEIXIN -->
|
||||
<tn-grid-item>
|
||||
<view style="padding: 30rpx;">
|
||||
<image src="/static/u1.jpg" style="width: 100rpx;height: 100rpx;border-radius: 50%;">
|
||||
</image>
|
||||
<view>朱荣梅</view>
|
||||
</view>
|
||||
</tn-grid-item>
|
||||
<!-- #endif-->
|
||||
|
||||
<!-- 微信小程序 -->
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<tn-grid-item style="width:20%">
|
||||
<view style="padding: 30rpx;">
|
||||
<image src="/static/u1.jpg" style="width: 100rpx;height: 100rpx;border-radius: 50%;">
|
||||
</image>
|
||||
<view>朱荣梅</view>
|
||||
</view>
|
||||
</tn-grid-item>
|
||||
<!-- #endif-->
|
||||
</block>
|
||||
</tn-grid>
|
||||
</view>
|
||||
<view style="padding: 30rpx;text-align: center;">
|
||||
<tn-button backgroundColor="#E83A30" height="50rpx" width="250rpx" fontColor="#ffffff">理事</tn-button>
|
||||
<tn-grid align="center" col="5">
|
||||
<block v-for="(item, index) in 10" :key="index">
|
||||
<!-- H5 -->
|
||||
<!-- #ifndef MP-WEIXIN -->
|
||||
<tn-grid-item>
|
||||
<view style="padding: 30rpx;">
|
||||
<image src="/static/u1.jpg" style="width: 100rpx;height: 100rpx;border-radius: 50%;">
|
||||
</image>
|
||||
<view>朱荣梅</view>
|
||||
</view>
|
||||
</tn-grid-item>
|
||||
<!-- #endif-->
|
||||
|
||||
<!-- 微信小程序 -->
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<tn-grid-item style="width:20%">
|
||||
<view style="padding: 30rpx;">
|
||||
<image src="/static/u1.jpg" style="width: 100rpx;height: 100rpx;border-radius: 50%;">
|
||||
</image>
|
||||
<view>朱荣梅</view>
|
||||
</view>
|
||||
</tn-grid-item>
|
||||
<!-- #endif-->
|
||||
</block>
|
||||
</tn-grid>
|
||||
</view>
|
||||
<view style="padding: 30rpx;text-align: center;">
|
||||
<tn-button backgroundColor="#E83A30" height="50rpx" width="250rpx" fontColor="#ffffff">会员</tn-button>
|
||||
<tn-grid align="center" col="5">
|
||||
<block v-for="(item, index) in 23" :key="index">
|
||||
<!-- H5 -->
|
||||
<!-- #ifndef MP-WEIXIN -->
|
||||
<tn-grid-item>
|
||||
<view style="padding: 30rpx;">
|
||||
<image src="/static/u1.jpg" style="width: 100rpx;height: 100rpx;border-radius: 50%;">
|
||||
</image>
|
||||
<view>朱荣梅</view>
|
||||
</view>
|
||||
</tn-grid-item>
|
||||
<!-- #endif-->
|
||||
|
||||
<!-- 微信小程序 -->
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<tn-grid-item style="width:20%">
|
||||
<view style="padding: 30rpx;">
|
||||
<image src="/static/u1.jpg" style="width: 100rpx;height: 100rpx;border-radius: 50%;">
|
||||
</image>
|
||||
<view>朱荣梅</view>
|
||||
</view>
|
||||
</tn-grid-item>
|
||||
<!-- #endif-->
|
||||
</block>
|
||||
</tn-grid>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
topCurrent: 0
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
goBack() {
|
||||
if (getCurrentPages().length > 1) {
|
||||
uni.navigateBack()
|
||||
} else {
|
||||
uni.redirectTo({
|
||||
url: '/pages/index/index'
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 57 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 727 B |
Binary file not shown.
|
After Width: | Height: | Size: 194 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 169 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 189 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 316 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 114 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 298 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 108 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 133 KiB |
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>
|
||||
<%= htmlWebpackPlugin.options.title %>
|
||||
</title>
|
||||
<!-- Open Graph data -->
|
||||
<!-- <meta property="og:title" content="Title Here" /> -->
|
||||
<!-- <meta property="og:url" content="http://www.example.com/" /> -->
|
||||
<!-- <meta property="og:image" content="http://example.com/image.jpg" /> -->
|
||||
<!-- <meta property="og:description" content="Description Here" /> -->
|
||||
<script>
|
||||
var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS
|
||||
.supports('top: constant(a)'))
|
||||
document.write(
|
||||
'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
|
||||
(coverSupport ? ', viewport-fit=cover' : '') + '" />')
|
||||
</script>
|
||||
<link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" />
|
||||
</head>
|
||||
<body>
|
||||
<noscript>
|
||||
<strong>Please enable JavaScript to continue.</strong>
|
||||
</noscript>
|
||||
<div id="app"></div>
|
||||
<!-- built files will be auto injected -->
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
|
@ -0,0 +1,2 @@
|
|||
<!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>云商会</title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
|
||||
document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/static/index.2da1efab.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/static/js/chunk-vendors.99fe5b4e.js></script><script src=/static/js/index.93f69238.js></script></body></html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 216 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 191 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 213 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 57 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 727 B |
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 523 B |
Binary file not shown.
|
After Width: | Height: | Size: 547 B |
Binary file not shown.
|
After Width: | Height: | Size: 630 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
|
|
@ -0,0 +1,193 @@
|
|||
/* 顶部 start */
|
||||
.header {
|
||||
padding: 80rpx 60rpx 40rpx 60rpx;
|
||||
|
||||
.title {
|
||||
font-size: 36rpx;
|
||||
color: $tn-font-color;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.sub-title {
|
||||
font-size: 28rpx;
|
||||
color: $tn-content-color;
|
||||
padding-top: 18rpx;
|
||||
}
|
||||
|
||||
.tips-title {
|
||||
font-size: 24rpx;
|
||||
color: $tn-font-sub-color;
|
||||
padding-top: 5rpx;
|
||||
}
|
||||
}
|
||||
/* 顶部 end */
|
||||
|
||||
/* 展示内容容器 start */
|
||||
.show-content-container {
|
||||
|
||||
/* 标题容器 start */
|
||||
.title-container {
|
||||
display: flex;
|
||||
position: relative;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
min-height: 100rpx;
|
||||
|
||||
// 标题样式
|
||||
.title {
|
||||
height: 100%;
|
||||
max-width: 100%;
|
||||
margin: 0 20rpx;
|
||||
font-size: 30rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
// 标题前面小点
|
||||
&:before {
|
||||
content: " ";
|
||||
background-color: $tn-main-color;
|
||||
width: 15rpx;
|
||||
height: 15rpx;
|
||||
border-radius: 10rpx;
|
||||
margin-right: 18rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
/* 标题容器 end */
|
||||
|
||||
/* 内容 start */
|
||||
.content {
|
||||
padding: 20rpx;
|
||||
}
|
||||
/* 内容 end */
|
||||
|
||||
}
|
||||
/* 展示内容容器 end */
|
||||
|
||||
/* 内容容器 start */
|
||||
.demo-content-container {
|
||||
border: 1rpx dashed $tn-main-color;
|
||||
margin: 20rpx;
|
||||
margin-top: 0rpx;
|
||||
|
||||
position: fixed;
|
||||
width: 95%;
|
||||
z-index: 10;
|
||||
|
||||
transition: all 0.15s ease-out;
|
||||
|
||||
&.top {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
&.no-fixed {
|
||||
position: relative !important;
|
||||
}
|
||||
|
||||
/* 标题容器 start */
|
||||
.title-container {
|
||||
display: flex;
|
||||
position: relative;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: 100rpx;
|
||||
|
||||
// 标题样式
|
||||
.title {
|
||||
height: 100%;
|
||||
max-width: 100%;
|
||||
margin: 0 30rpx;
|
||||
font-size: 30rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
/* 标题容器 end */
|
||||
|
||||
/* 内容 start */
|
||||
.content {
|
||||
padding: 30rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
/* 内容 end */
|
||||
|
||||
}
|
||||
/* 内容容器 end */
|
||||
|
||||
/* 可选项内容容器 start */
|
||||
.demo-section-container {
|
||||
margin: 20rpx;
|
||||
height: 100%;
|
||||
|
||||
/* 标题容器 start */
|
||||
.title-container {
|
||||
display: flex;
|
||||
position: relative;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: 100rpx;
|
||||
margin-bottom: 10rpx;
|
||||
|
||||
// 标题样式
|
||||
.title {
|
||||
height: 100%;
|
||||
max-width: 100%;
|
||||
margin: 0 30rpx;
|
||||
font-size: 30rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: " ";
|
||||
box-sizing: border-box;
|
||||
width: 90%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
border-bottom: 1rpx solid $tn-border-solid-color;
|
||||
}
|
||||
}
|
||||
/* 标题容器 end */
|
||||
|
||||
/* 参数内容 start*/
|
||||
.content {
|
||||
padding: 0 20rpx 10rpx 20rpx;
|
||||
|
||||
// 标题样式
|
||||
.title {
|
||||
padding-left: 20rpx;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
width: 4rpx;
|
||||
height: 90%;
|
||||
background-color: $tn-main-color;
|
||||
border-radius: 6rpx;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
// 参数样式
|
||||
.section {
|
||||
margin-top: 15rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
}
|
||||
/* 参数内容 end*/
|
||||
|
||||
}
|
||||
/* 可选项内容容器 end */
|
||||
|
|
@ -0,0 +1,240 @@
|
|||
.pages-a {
|
||||
max-height: 100vh;
|
||||
}
|
||||
|
||||
/* 自定义导航栏内容 start */
|
||||
.custom-nav {
|
||||
height: 100%;
|
||||
|
||||
&__back {
|
||||
margin: auto 5rpx;
|
||||
font-size: 50rpx;
|
||||
margin-right: 10rpx;
|
||||
margin-left: 30rpx;
|
||||
flex-basis: 5%;
|
||||
}
|
||||
}
|
||||
|
||||
/* 底部安全边距 start*/
|
||||
.tn-tabbar-height {
|
||||
min-height: 120rpx;
|
||||
height: calc(140rpx + env(safe-area-inset-bottom) / 2);
|
||||
height: calc(140rpx + constant(safe-area-inset-bottom));
|
||||
}
|
||||
|
||||
/* 图标容器5 start */
|
||||
.icon5 {
|
||||
&__item {
|
||||
// width: 30%;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 10rpx;
|
||||
padding: 0rpx;
|
||||
margin: 0rpx;
|
||||
transform: scale(1);
|
||||
transition: transform 0.3s linear;
|
||||
transform-origin: center center;
|
||||
|
||||
&--icon {
|
||||
width: 96rpx;
|
||||
height: 96rpx;
|
||||
border-radius: 50%;
|
||||
margin-bottom: 18rpx;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* 轮播视觉差 start */
|
||||
.card-swiper {
|
||||
height: 450rpx;
|
||||
}
|
||||
|
||||
.card-swiper swiper-item {
|
||||
width: 750rpx;
|
||||
left: 0rpx;
|
||||
box-sizing: border-box;
|
||||
padding: 40rpx 30rpx 30rpx 30rpx;
|
||||
overflow: initial;
|
||||
}
|
||||
|
||||
.card-swiper swiper-item .swiper-item {
|
||||
width: 100%;
|
||||
display: block;
|
||||
height: 100%;
|
||||
border-radius: 15rpx;
|
||||
transform: scale(1);
|
||||
transition: all 0.2s ease-in 0s;
|
||||
will-change: transform;
|
||||
// overflow: hidden;
|
||||
}
|
||||
|
||||
.card-swiper swiper-item.cur .swiper-item {
|
||||
transform: none;
|
||||
transition: all 0.2s ease-in 0s;
|
||||
will-change: transform;
|
||||
}
|
||||
|
||||
.card-swiper swiper-item .swiper-item-text {
|
||||
margin-top: -220rpx;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
display: block;
|
||||
border-radius: 10rpx;
|
||||
transform: translate(100rpx, 0rpx) scale(0.9, 0.9);
|
||||
transition: all 0.6s ease 0s;
|
||||
will-change: transform;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.card-swiper swiper-item.cur .swiper-item-text {
|
||||
margin-top: -220rpx;
|
||||
width: 100%;
|
||||
transform: translate(0rpx, 0rpx) scale(0.9, 0.9);
|
||||
transition: all 0.6s ease 0s;
|
||||
will-change: transform;
|
||||
}
|
||||
|
||||
.image-banner {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.image-banner image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* 轮播指示点 start*/
|
||||
.indication {
|
||||
z-index: 9999;
|
||||
width: 100%;
|
||||
height: 36rpx;
|
||||
position: absolute;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.spot {
|
||||
background-color: #FFFFFF;
|
||||
opacity: 0.6;
|
||||
width: 10rpx;
|
||||
height: 10rpx;
|
||||
border-radius: 20rpx;
|
||||
top: -70rpx;
|
||||
margin: 0 8rpx !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.spot.active {
|
||||
opacity: 1;
|
||||
width: 30rpx;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
|
||||
/* 胶囊banner*/
|
||||
.image-capsule {
|
||||
padding: 100rpx 0rpx;
|
||||
font-size: 40rpx;
|
||||
font-weight: 300;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.image-piccapsule {
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
// background-attachment:fixed;
|
||||
background-position: top;
|
||||
border-radius: 20rpx 20rpx 0 0;
|
||||
}
|
||||
|
||||
/* 用户头像 start */
|
||||
.logo-image {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.logo-pic {
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
// background-attachment:fixed;
|
||||
background-position: top;
|
||||
border: 1rpx solid rgba(255, 255, 255, 0.05);
|
||||
// box-shadow: 0rpx 0rpx 80rpx 0rpx rgba(0, 0, 0, 0.15);
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
// background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
/* 瀑布流*/
|
||||
.wallpaper__item {
|
||||
background-color: #FFFFFF;
|
||||
overflow: hidden;
|
||||
margin: 0 10rpx;
|
||||
margin-bottom: 40rpx;
|
||||
// box-shadow: 0rpx 0rpx 30rpx 0rpx rgba(0, 0, 0, 0.07);
|
||||
|
||||
.item {
|
||||
|
||||
/* 图片 start */
|
||||
&__image {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background-color: #FFFFFF;
|
||||
border: 1rpx solid #F8F7F8;
|
||||
border-radius: 10rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* 图片 end */
|
||||
|
||||
/* 内容 start */
|
||||
&__data {
|
||||
padding: 14rpx 0rpx;
|
||||
}
|
||||
|
||||
/* 标题 start */
|
||||
&__title-container {
|
||||
text-align: justify;
|
||||
line-height: 38rpx;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
&__title {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
/* 标题 end */
|
||||
|
||||
/* 标签 start */
|
||||
&__tags-container {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
&__tag {
|
||||
margin: 10rpx;
|
||||
color: #7C8191;
|
||||
background-color: #F3F2F7;
|
||||
padding: 4rpx 14rpx 6rpx;
|
||||
border-radius: 10rpx;
|
||||
font-size: 20rpx;
|
||||
|
||||
&:first-child {
|
||||
margin-left: 0rpx !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* 标签 end */
|
||||
|
||||
/* 内容 end */
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
.tn-custom-nav-bar__back {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
border-radius: 1000rpx;
|
||||
border: 1rpx solid rgba(255, 255, 255, 0.5);
|
||||
color: #FFFFFF;
|
||||
font-size: 18px;
|
||||
|
||||
.icon {
|
||||
display: block;
|
||||
flex: 1;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: " ";
|
||||
width: 1rpx;
|
||||
height: 110%;
|
||||
position: absolute;
|
||||
top: 22.5%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
transform: scale(0.5);
|
||||
transform-origin: 0 0;
|
||||
pointer-events: none;
|
||||
box-sizing: border-box;
|
||||
opacity: 0.7;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 194 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 169 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 189 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue