Skip to content

X
xinrenli-app
Commit 347e46fd by zhangmengjie
Options

23.3.7

parent de69099c
Showing with 860 additions and 307 deletions
.gitignore 0 → 100644
node_modules/
.project
unpackage/
.DS_Store
\ No newline at end of file
components/navBar/aIndex.vue
<template>
<view class="index">
<u-navbar leftText="返回" :title="title" :safeAreaInsetTop="true" :placeholder="true" :bgColor="bgColor"
<u-navbar leftText="返回" :title="title" :safeAreaInsetTop="true" :placeholder="true"
:bgColor="titleStyle.scrollTopHeader ? '#5281FF' : bgColor"
:titleStyle="{ color: titleStyle.color, fontSize: titleStyle.fontSize}">
<view class="u-nav-slot" slot="left">
<view class="u-nav-slot" slot="left" :style="{
backgroundColor: titleStyle.scrollTopHeader ? '#005EBD' : titleStyle.backgroundColor
}">
<u-icon v-if="leftIcon" @click="leftClick" name="arrow-left" size="30"></u-icon>
<u-line v-if="homeShow" direction="column" :hairline="false" length="16" margin="0 8px"></u-line>
<u-icon v-if="homeShow" @click="rightClick" name="home" size="30"></u-icon>
......
components/tabbar/tabbar.vue
<template>
<view class="">
<view class="tabBar" :style="platform == 'android'?'height: 120rpx;' : 'height: 150rpx;'">
<view class="tabBar" :style="platform == 'android'?'height: 102rpx;' : 'height: 132rpx;'">
<image class="tabBar-imag" src="@/static/tabbar/db.png" mode=""></image>
<view class="tabBar-cont">
<!-- <image src="" mode=""></image> -->
<view v-for="(item, index) in tabBarList" :key="index" class="tabBar-cont-item"
@click="tabBarChange(item)">
<!-- <template >
<view class="tabBar-cont-item-tm"><image :src="item.icon" mode="aspectFill"></image></view>
</template> -->
<template>
<image v-if="item.type === type" :src="item.icon" mode="aspectFill"></image>
<image v-if="item.type == 'type'" :src="item.icon"></image>
<image v-else :src="item.selectIcon" mode="aspectFill"></image>
<!-- <view v-if="item.type !== type && role === 'head'" :class="item.type === type ? 'tabBar-cont-item-title tabBar-cont-item-titleAct' : 'tabBar-cont-item-title'">{{ item.name }}</view> -->
<view
:class="item.type === type ? 'tabBar-cont-item-title tabBar-cont-item-titleAct' : 'tabBar-cont-item-title'">
{{ item.name }}</view>
<view v-if="item.type != 'type'"
:class="item.type != 'type' ? 'tabBar-cont-item-title tabBar-cont-item-titleAct' : 'tabBar-cont-item-title'">
{{ item.name }}
</view>
<view v-else
:class="item.type != 'type' ? 'tabBar-cont-item-title tabBar-cont-item-titleAct' : 'tabBar-cont-item-title'">
{{ item.name }}
</view>
</template>
</view>
</view>
......@@ -25,46 +26,53 @@
<script>
export default {
props: {
list: {
type: Array,
}
},
data() {
return {
tabBarList: [{
name: "订单", // name
icon: "/static/tabbar/tab1.png", // 图标
selectIcon: "/static/tabbar/tab1.png", // 选中图标
url: "/pages/tabbar/home/index", // 页面路径
tabBarList: this.list ? this.list : [{
name: "首页", // name
icon: "/static/tabbar/tb1.png", // 图标
selectIcon: "/static/tabbar/td1.png", // 选中图标
url: "/pages/home/index", // 页面路径
type: 'home'
}, {
name: "订单", // name
icon: "/static/tabbar/tab1.png", // 图标
selectIcon: "/static/tabbar/tab1.png", // 选中图标
url: "/pages/tabbar/home/index", // 页面路径
type: 'home'
name: "我的需求", // name
icon: "/static/tabbar/tb2.png", // 图标
selectIcon: "/static/tabbar/td2.png", // 选中图标
url: "/pages/demand/index", // 页面路径
type: 'type'
}, {
name: "订单", // name
name: "发布", // name
icon: "/static/tabbar/fb.png", // 图标
selectIcon: "/static/tabbar/fb.png", // 选中图标
url: "/pages/tabbar/home/index", // 页面路径
type: 'home'
url: "/pages/release/index", // 页面路径
type: 'type'
}, {
name: "订单",
icon: "/static/tabbar/tab1.png", // 图标
selectIcon: "/static/tabbar/tab1.png", // 选中图标
url: "/pages/tabbar/order/index",
type: 'order'
name: "动态",
icon: "/static/tabbar/tb3.png", // 图标
selectIcon: "/static/tabbar/td3.png", // 选中图标
url: "/pages/order/index",
type: 'type'
}, {
name: "个人",
icon: "/static/tabbar/tab1.png", // 图标
selectIcon: "/static/tabbar/tab1.png", // 选中图标
url: "/pages/tabbar/my/index",
type: 'my'
name: "我的",
icon: "/static/tabbar/tb4.png", // 图标
selectIcon: "/static/tabbar/td4.png", // 选中图标
url: "/pages/my/index",
type: 'type'
}],
};
},
created() {},
onLoad() {},
methods: {
tabBarChange(path) {
this.$emit('tabBarChange', path.type);
this.$emit('tabBarChange', path.url,path.type);
}
}
};
......@@ -73,16 +81,17 @@
<style lang="scss" scoped>
.tabBar {
width: 100%;
height: 120rpx;
height: 102rpx;
position: fixed;
left: 0;
bottom: 0;
// bottom: constant(safe-area-inset-bottom);
// bottom: env(safe-area-inset-bottom);
background-color: #ffffff;
border-top: 1rpx solid #cccccc;
z-index: 9999;
background-image: url(../../static/logo.png);
background-color: #ffffff;
&-imag {
width: 100%;
height: 102rpx;
}
&-cont {
width: 100%;
......@@ -90,8 +99,9 @@
display: flex;
align-items: center;
justify-content: space-between;
background-color: #ffffff;
background-image: url(../../static/logo.png);
background-color: transparent;
position: absolute;
top: 0;
&-item {
width: 33.3%;
......@@ -118,15 +128,14 @@
&-item:nth-child(3) {
position: relative;
top: -50rpx;
background-color: #ffffff;
top: -30rpx;
border-radius: 60%;
width: 200rpx;
image {
width: 152rpx;
height: 152rpx;
padding-bottom: 10rpx;
width: 104rpx;
height: 104rpx;
padding-bottom: 20rpx;
padding-top: 0rpx;
}
}
......
home/index/index.vue 0 → 100644
<template>
<view class="content">
<view class="content-textarea">
<view class="">
标题
</view>
<view class="">
灯泡坏了
</view>
</view>
<view class="content-textarea">
<view class="">
成交金额
</view>
<view class="">
270
</view>
</view>
<view class="content-photograph">
<view class="">
图片说明
</view>
<view class="">
<image src="../../static/logo.png" mode="" v-for="(v ,index) in 5" :key="index"></image>
</view>
</view>
<view class="content-frequency">
<view class="">
视频说明
</view>
<view v-for="(v ,index) in 2" :key="index">
<video id="myVideo"
src="https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/%E7%AC%AC1%E8%AE%B2%EF%BC%88uni-app%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B@20200317.mp4"
@error="videoErrorCallback" :danmu-list="danmuList" enable-danmu controls
:show-fullscreen-btn='false'></video>
</view>
</view>
<view class="content-voice">
<view class="">
语音说明
</view>
<view class="content-voice-audio" @click="doPlay()">
</view>
</view>
<view class="content-remarks">
<view class="">
备注说明
</view>
<u--textarea v-model="value1" placeholder="请输入内容" disabled ></u--textarea>
</view>
</view>
</view>
</template>
<script>
import apiBaseConfig from '@/config/index.js';
export default {
data() {
return {
imgBgUrl: apiBaseConfig.imgBgUrl,
globalData: getApp().globalData,
scrollTopHeader: 0
};
},
onLoad() {
this.timer = null;
this.innerAudioContext = uni.createInnerAudioContext();
// 监听音频进入可以播放状态的事件
this.innerAudioContext.onCanplay(() => {
this.innerAudioContext.duration;
// 延迟大约300ms以上才能获取音频总时长
setTimeout(() => {
// 获取音频总时长
this.duration = this.formatSeconds(this.innerAudioContext.duration);
}, 300)
});
// 监听音频播放
this.innerAudioContext.onPlay(() => {
// 获取当前音频的播放时间
this.timer = setInterval(() => {
this.currentTime = this.formatSeconds(this.innerAudioContext.currentTime);
}, 1000)
})
},
methods: {
// 播放
doPlay() {
if (!this.innerAudioContext.src) {
// 音频地址
this.innerAudioContext.src =
"https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-hello-uniapp/2cc220e0-c27a-11ea-9dfb-6da8e309e0d8.mp3";
}
this.innerAudioContext.play();
},
// 暂停
doPause() {
this.innerAudioContext.pause();
// 清除定时器
clearInterval(this.timer);
},
// 将秒转换成03:30格式
formatSeconds(value) {
let minute = parseInt(value / 60);
let second = parseInt(value % 60);
if (minute < 10) {
minute = "0" + minute
}
if (second < 10) {
second = "0" + second
}
return minute + ":" + second;
}
}
}
</script>
<style lang="scss" scoped>
.content {
padding: 0rpx 40rpx 160rpx;
&-textarea {
display: flex;
justify-content: space-between;
padding: 30rpx 10rpx;
border-bottom: 1rpx solid #E7E7E7;
>view {
font-size: 26rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #333333;
}
}
&-photograph {
padding: 30rpx 0rpx;
>view:nth-child(2) {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
>image {
margin-top: 20rpx;
margin-right: 15rpx;
width: 210rpx;
height: 210rpx;
}
}
}
&-frequency {
padding: 30rpx 0rpx;
>view {
display: flex;
>video {
margin-top: 20rpx;
width: 373rpx;
height: 210rpx;
}
}
}
&-voice {
padding: 30rpx 0rpx;
&-audio {
margin-top: 20rpx;
background: #F5F5F5;
border-radius: 6rpx;
height: 68rpx;
}
}
&-remarks{
>view{
margin-bottom: 20rpx;
}
}
}
</style>
package.json
......@@ -7,7 +7,7 @@
"uni-app": {
"scripts": {
"custom-dev": {
"title": "内部客户管理系统微信小程序开发版",
"title": "新人力微信小程序开发版",
"env": {
"UNI_PLATFORM": "mp-weixin",
"UNI_BASE_ENV": "development",
......@@ -19,7 +19,7 @@
}
},
"custom-uat": {
"title": "内部客户管理系统微信小程序测试版",
"title": "新人力微信小程序开发版",
"env": {
"UNI_PLATFORM": "mp-weixin",
"UNI_BASE_ENV": "uat",
......@@ -31,7 +31,7 @@
}
},
"custom-prod": {
"title": "内部客户管理系统微信小程序生产版",
"title": "新人力微信小程序开发版",
"env": {
"UNI_PLATFORM": "mp-weixin",
"UNI_BASE_ENV": "production",
......
pages.json
......@@ -4,7 +4,7 @@
},
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"path": "pages/home/index",
"style": {
"navigationBarTitleText": "uni-app",
"mp-weixin": {
......@@ -13,9 +13,15 @@
}
},
{
"path": "pages/home/index",
"path": "pages/demand/index",
"style": {
"navigationBarTitleText": "首页"
"navigationBarTitleText": "需求"
}
},
{
"path": "pages/release/index",
"style": {
"navigationBarTitleText": "发布"
}
},
{
......@@ -33,6 +39,17 @@
],
//分包加载配置，此配置为小程序的分包加载机制。
"subPackages": [{
"root": "home", //子包的根目录
"pages": [{ //这里的配置路径和pages里的一样
"path": "index/index", //配置页面路径，这里要注意，因为root已经选中了文件夹，所以我们只要填写文件名就好
"style": {
"navigationBarTitleText": "订单详情",
"enablePullDownRefresh": false
}
}
]
},
{
"root": "my", //子包的根目录
"pages": [{ //这里的配置路径和pages里的一样
"path": "index/index", //配置页面路径，这里要注意，因为root已经选中了文件夹，所以我们只要填写文件名就好
......
pages/demand/components/index.vue 0 → 100644
<template>
<view class="content">
<view class="content-matter" v-for="(v,index) in 20">
<view class="content-matter-lampwick">
<view class="content-matter-lampwick-lampw">
<view class="">
</view>
<view class="">灯泡灯芯坏了</view>
</view>
<view class="content-matter-lampwick-wick">
维修时间：2023-02-23
</view>
</view>
<view class="content-matter-substance">
<image src="../../../static/logo.png" mode=""></image>
<view class="">
<view class="">
说明：有一个字不是特别亮，希望换一盏灯希望换一盏灯希望换一盏灯
</view>
<view class="">
<button class="buttoncl">修改</button>
<button class="buttonclde">取消订单</button>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import apiBaseConfig from '@/config/index.js';
import uniGo from '@/utils/unIGO.js';
export default {
data() {
return {
imgBgUrl: apiBaseConfig.imgBgUrl,
globalData: getApp().globalData,
}
},
onLoad() {
},
methods: {
}
}
</script>
<style>
page {
background-color: #f3f4f6;
}
</style>
<style lang="scss" scoped>
.content {
display: flex;
flex-direction: column;
justify-content: center;
&-matter {
margin: 28rpx 20rpx 50rpx;
margin-top: 20rpx;
background: #fff;
padding: 20rpx;
border-radius: 8rpx;
&-lampwick {
display: flex;
justify-content: space-between;
&-lampw {
display: flex;
>view:nth-child(1) {
width: 6rpx;
height: 36rpx;
background: #2C66FF;
border-radius: 3rpx;
margin-right: 10rpx;
}
>view:nth-child(2) {
font-size: 28rpx;
color: #333333;
}
}
&-wick {
font-size: 20rpx;
color: #333333;
}
}
&-substance {
margin-top: 16rpx;
display: flex;
>image {
width: 170rpx;
height: 170rpx;
margin-right: 20rpx;
}
>view {
width: 480rpx;
margin-top: 14rpx;
>view:nth-child(1) {
font-size: 24rpx;
color: #444444;
}
>view:nth-child(2) {
display: flex;
margin-top: 40rpx;
justify-content: flex-end;
}
}
}
}
}
.buttoncl {
padding: 0rpx;
margin: 0rpx;
width: 120rpx;
height: 44rpx;
background: #5281FF;
border-radius: 10rpx;
line-height: 44rpx;
font-size: 20rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #FFFFFF;
margin-right: 20rpx;
}
.buttonclde {
padding: 0rpx;
margin: 0rpx;
width: 120rpx;
height: 44rpx;
background: #FFFFFF;
border-radius: 10rpx;
border: 1rpx solid #FD0100;
font-size: 20rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #FD0100;
line-height: 44rpx;
}
</style>
pages/demand/index.vue 0 → 100644
<template>
<view class="content">
<view class="content-tabs">
<view class="content-tabs-text" v-for="(v,index) in list" @click="jump(index)">
<view class="" :style="subscript == index?'color: #000000;' : 'color: #444444;'">
{{v.name}}
</view>
<view v-show="subscript == index" class="content-tabs-text-area"></view>
</view>
</view>
<comindex class="content-mindex"></comindex>
<com-tabbar @tabBarChange='tabBarChange' :list="tabBarList"></com-tabbar>
</view>
</template>
<script>
import apiBaseConfig from '@/config/index.js';
import uniGo from '@/utils/unIGO.js';
import comindex from '@/pages/demand/components/index.vue'
export default {
data() {
return {
imgBgUrl: apiBaseConfig.imgBgUrl,
globalData: getApp().globalData,
title: 'Hello',
list: [{
name: '美食'
}, {
name: '文化'
}, {
name: '财经'
}, {
name: '手工'
}],
tabBarList: [{
name: "首页", // name
icon: "/static/tabbar/tb1.png", // 图标
selectIcon: "/static/tabbar/td1.png", // 选中图标
url: "/pages/home/index", // 页面路径
type: 'type'
}, {
name: "我的需求", // name
icon: "/static/tabbar/tb2.png", // 图标
selectIcon: "/static/tabbar/td2.png", // 选中图标
url: "/pages/demand/index", // 页面路径
type: 'demand'
}, {
name: "发布", // name
icon: "/static/tabbar/fb.png", // 图标
selectIcon: "/static/tabbar/fb.png", // 选中图标
url: "/pages/release/index", // 页面路径
type: 'type'
}, {
name: "动态",
icon: "/static/tabbar/tb3.png", // 图标
selectIcon: "/static/tabbar/td3.png", // 选中图标
url: "/pages/order/index",
type: 'type'
}, {
name: "我的",
icon: "/static/tabbar/tb4.png", // 图标
selectIcon: "/static/tabbar/td4.png", // 选中图标
url: "/pages/my/index",
type: 'type'
}],
subscript: '0',
}
},
components: {
comindex
},
onLoad() {
},
methods: {
tabBarChange(url, type) {
if (type == 'type') {
uniGo.reLaunch({
url: url
});
}
},
jump(ind) {
this.subscript = ind
}
}
}
</script>
<style lang="scss" scoped>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 999;
&-tabs {
display: flex;
justify-content: space-around;
width: 100%;
position: fixed;
padding-top: 20rpx;
padding-bottom: 20rpx;
top: -1rpx;
background-color: #f3f4f6;
&-text {
>view:nth-child(1) {
font-size: 24rpx;
}
&-area {
width: 55rpx;
height: 6rpx;
background: #2C66FF;
}
}
}
&-mindex {
margin-top: 60rpx;
width: 100%;
margin-bottom: 150rpx;
}
}
</style>
pages/home/index.vue
<template>
<view class="function">
<com-tabbar></com-tabbar>
<view class="content">
<image class="logo" src="/static//icon/sytb.png"></image>
<view :style="{ height: `calc(${globalData.statusBarHeight}rpx + 158rpx)` }"></view>
<view class="content-swiper">
<u-swiper :list="swiperList" keyName="img" @change="e => (current = e.current)" :autoplay="true"
height="300rpx">
<view slot="indicator" class="indicator">
<view class="indicator__dot" v-for="(item, index) in swiperList" :key="index"
:class="[index === current && 'indicator__dot--active']"></view>
</view>
</u-swiper>
</view>
<view class="content-matter">
<view class="content-matter-market">
<view></view>
<view>用户需求广场</view>
</view>
<view class="content-matter-marketplace" v-for="(v , index) in 10" @click="clickJump" :key="index">
<image src="/static//icon/sytb.png" mode=""></image>
<view class="content-matter-marketplace-bazaar">
<view class="">
灯泡灯芯坏了
</view>
<view class="">
说明：有一个字不是特别亮，希望换一盏灯希望换一盏灯希望换一盏灯
</view>
<view class="">
<text>维修时间：</text>
<text>2023-02-23</text>
</view>
</view>
</view>
</view>
<com-navbar :leftIcon="false" :homeShow="false" bgColor="transparent" title="首页"
:titleStyle="{ color: '#FFFFFF', fontSize: '32rpx',scrollTopHeader: scrollTopHeader }" />
<com-tabbar @tabBarChange='tabBarChange' :list="tabBarList"></com-tabbar>
</view>
</template>
<script>
import apiBaseConfig from '@/config/index.js';
import uniGo from '@/utils/unIGO.js';
export default {
data() {
return {
title: 'Hello',
imgBgUrl: apiBaseConfig.imgBgUrl,
globalData: getApp().globalData,
scrollTopHeader: 0
};
scrollTopHeader: 0,
tabBarList: [{
name: "首页", // name
icon: "/static/tabbar/tb1.png", // 图标
selectIcon: "/static/tabbar/td1.png", // 选中图标
url: "/pages/home/index", // 页面路径
type: 'home'
}, {
name: "我的需求", // name
icon: "/static/tabbar/tb2.png", // 图标
selectIcon: "/static/tabbar/td2.png", // 选中图标
url: "/pages/demand/index", // 页面路径
type: 'type'
}, {
name: "发布", // name
icon: "/static/tabbar/fb.png", // 图标
selectIcon: "/static/tabbar/fb.png", // 选中图标
url: "/pages/release/index", // 页面路径
type: 'type'
}, {
name: "动态",
icon: "/static/tabbar/tb3.png", // 图标
selectIcon: "/static/tabbar/td3.png", // 选中图标
url: "/pages/order/index",
type: 'type'
}, {
name: "我的",
icon: "/static/tabbar/tb4.png", // 图标
selectIcon: "/static/tabbar/td4.png", // 选中图标
url: "/pages/my/index",
type: 'type'
}],
}
},
onLoad() {
console.log('====onLoad');
},
onPageScroll(res) {
// console.log('页面滚动了onPageScroll-app', res.scrollTop);
this.scrollTopHeader = res.scrollTop;
},
onShow() {},
methods: {}
};
methods: {
clickJump() {
uniGo.navigateTo({
url: `/home/index/index`
});
},
tabBarChange(url,type) {
if(type == 'type'){
uniGo.reLaunch({
url: url
});
}
}
}
}
</script>
<style lang="scss" scoped>
<style>
page {
position: relative;
background-color: #f3f4f6;
}
</style>
<style lang="scss" scoped>
.content {
display: flex;
flex-direction: column;
// align-items: center;
justify-content: center;
.function {
width: 100%;
overflow: hidden;
&-bg {
width: 100%;
height: 100%;
position: fixed;
left: 0%;
top: 0%;
z-index: -1;
&-swiper {
height: 280rpx;
background: #d8d8d8;
border-radius: 10rpx;
overflow: hidden;
width: calc(100% - 20rpx * 2);
margin: 0rpx 20rpx 0rpx;
}
&-content {
width: calc(100% - 56upx);
position: absolute;
left: 28upx;
padding: 50upx 0;
&-item {
width: 100%;
&-title {
font-size: 32upx;
font-weight: 800;
color: #030a28;
text {
display: inline-block;
width: 10upx;
height: 32upx;
background: linear-gradient(0deg, #005ebd 0%, #2a8aea 100%);
border-radius: 5upx;
margin-right: 18upx;
}
&-matter {
margin: 28rpx 20rpx 50rpx;
&-market {
display: flex;
align-items: center;
margin-bottom: 20rpx;
>view:nth-child(1) {
width: 6rpx;
height: 36rpx;
background: linear-gradient(180deg, #2C66FF 0%, #579FFF 100%);
border-radius: 3rpx;
margin-right: 14rpx;
}
&-content {
background-color: #ffffff;
border-radius: 16upx;
padding: 22upx 0 30upx;
margin: 33upx 0 50upx;
>view {
width: 33.3%;
text-align: center;
>image {
width: 96upx;
height: 96upx;
margin-bottom: 11upx;
}
>view {
font-size: 28upx;
font-weight: bold;
color: #616168;
}
>view:nth-child(2) {
font-size: 28rpx;
font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
font-weight: 500;
color: #333333;
}
}
&-marketplace {
display: flex;
background-color: #ffffff;
border-radius: 8rpx;
padding: 20rpx;
margin-bottom: 20rpx;
>image {
width: 170rpx;
height: 170rpx;
margin-right: 20rpx;
}
&-bazaar {
width: 460rpx;
>view:nth-child(1) {
font-size: 28rpx;
font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
font-weight: 700;
color: #333333;
margin-top: 8rpx;
}
>view:nth-child(2) {
margin-top: 6rpx;
font-size: 24rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #444444;
}
>view:nth-child(3) {
margin-top: 9rpx;
font-size: 20rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #5281FF;
}
}
}
}
}
.logo {
width: 100%;
height: 340rpx;
position: absolute;
z-index: -1;
top: 0%;
left: 0%;
}
.text-area {
display: flex;
justify-content: center;
}
.title {
font-size: 36rpx;
color: #8f8f94;
}
</style>
pages/index/index.vue → pages/release/index.vue
......@@ -16,7 +16,7 @@
<view></view>
<view>用户需求广场</view>
</view>
<view class="content-matter-marketplace" v-for="(v , index) in 50">
<view class="content-matter-marketplace" v-for="(v , index) in 10">
<image src="/static//icon/sytb.png" mode=""></image>
<view class="content-matter-marketplace-bazaar">
<view class="">
......
static/tabbar/db.png 0 → 100644
static/tabbar/db.png

4.42 KB
static/tabbar/tb1.png 0 → 100644
static/tabbar/tb1.png

875 Bytes
static/tabbar/tb2.png 0 → 100644
static/tabbar/tb2.png

781 Bytes
static/tabbar/tb3.png 0 → 100644
static/tabbar/tb3.png

930 Bytes
static/tabbar/tb4.png 0 → 100644
static/tabbar/tb4.png

1.01 KB
static/tabbar/td1.png 0 → 100644
static/tabbar/td1.png

1.21 KB
static/tabbar/td2.png 0 → 100644
static/tabbar/td2.png

973 Bytes
static/tabbar/td3.png 0 → 100644
static/tabbar/td3.png

1.5 KB
static/tabbar/td4.png 0 → 100644
static/tabbar/td4.png

1.79 KB
unpackage/dist/dev/.sourcemap/mp-weixin/common/vendor.js.map
This source diff could not be displayed because it is too large. You can view the blob instead.
unpackage/dist/dev/mp-weixin/app.json
{
"pages": [
"pages/index/index",
"pages/home/index",
"pages/demand/index",
"pages/release/index",
"pages/order/index",
"pages/my/index"
],
"subPackages": [
{
"root": "home",
"pages": [
"index/index"
]
},
{
"root": "my",
"pages": [
"index/index"
......
unpackage/dist/dev/mp-weixin/common/main.js
......@@ -29,7 +29,7 @@ _vue.default.prototype.$utilsMethods = _utils.default;
// 底部导航
var comTabbar = function comTabbar() {
__webpack_require__.e(/*! require.ensure | components/tabbar/tabbar */ "components/tabbar/tabbar").then((function () {
return resolve(__webpack_require__(/*! @/components/tabbar/tabbar */ 207));
return resolve(__webpack_require__(/*! @/components/tabbar/tabbar */ 227));
}).bind(null, __webpack_require__)).catch(__webpack_require__.oe);
};
_vue.default.component('com-tabbar', comTabbar);
......@@ -37,7 +37,7 @@ _vue.default.component('com-tabbar', comTabbar);
// 上传
var comUpload = function comUpload() {
__webpack_require__.e(/*! require.ensure | components/upload/aIndex */ "components/upload/aIndex").then((function () {
return resolve(__webpack_require__(/*! @/components/upload/aIndex.vue */ 214));
return resolve(__webpack_require__(/*! @/components/upload/aIndex.vue */ 234));
}).bind(null, __webpack_require__)).catch(__webpack_require__.oe);
};
_vue.default.component('com-upload', comUpload);
......@@ -45,7 +45,7 @@ _vue.default.component('com-upload', comUpload);
// 头部导航
var comNavBar = function comNavBar() {
__webpack_require__.e(/*! require.ensure | components/navBar/aIndex */ "components/navBar/aIndex").then((function () {
return resolve(__webpack_require__(/*! @/components/navBar/aIndex */ 221));
return resolve(__webpack_require__(/*! @/components/navBar/aIndex */ 241));
}).bind(null, __webpack_require__)).catch(__webpack_require__.oe);
};
_vue.default.component('com-navbar', comNavBar);
......
unpackage/dist/dev/mp-weixin/common/runtime.js
......@@ -105,11 +105,11 @@
/******/
/******/
/******/ // mini-css-extract-plugin CSS loading
/******/ var cssChunks = {"components/navBar/aIndex":1,"components/tabbar/tabbar":1,"components/upload/aIndex":1,"node-modules/uview-ui/components/u-swiper/u-swiper":1,"node-modules/uview-ui/components/u-icon/u-icon":1,"node-modules/uview-ui/components/u-line/u-line":1,"node-modules/uview-ui/components/u-navbar/u-navbar":1,"node-modules/uview-ui/components/u-upload/u-upload":1,"node-modules/uview-ui/components/u-loading-icon/u-loading-icon":1,"node-modules/uview-ui/components/u-swiper-indicator/u-swiper-indicator":1,"node-modules/uview-ui/components/u-status-bar/u-status-bar":1};
/******/ var cssChunks = {"components/navBar/aIndex":1,"components/tabbar/tabbar":1,"components/upload/aIndex":1,"node-modules/uview-ui/components/u-swiper/u-swiper":1,"pages/demand/components/index":1,"node-modules/uview-ui/components/u-icon/u-icon":1,"node-modules/uview-ui/components/u-line/u-line":1,"node-modules/uview-ui/components/u-navbar/u-navbar":1,"node-modules/uview-ui/components/u-upload/u-upload":1,"node-modules/uview-ui/components/u-loading-icon/u-loading-icon":1,"node-modules/uview-ui/components/u-swiper-indicator/u-swiper-indicator":1,"node-modules/uview-ui/components/u-textarea/u-textarea":1,"node-modules/uview-ui/components/u-status-bar/u-status-bar":1};
/******/ if(installedCssChunks[chunkId]) promises.push(installedCssChunks[chunkId]);
/******/ else if(installedCssChunks[chunkId] !== 0 && cssChunks[chunkId]) {
/******/ promises.push(installedCssChunks[chunkId] = new Promise(function(resolve, reject) {
/******/ var href = "" + ({"components/navBar/aIndex":"components/navBar/aIndex","components/tabbar/tabbar":"components/tabbar/tabbar","components/upload/aIndex":"components/upload/aIndex","node-modules/uview-ui/components/u-swiper/u-swiper":"node-modules/uview-ui/components/u-swiper/u-swiper","node-modules/uview-ui/components/u-icon/u-icon":"node-modules/uview-ui/components/u-icon/u-icon","node-modules/uview-ui/components/u-line/u-line":"node-modules/uview-ui/components/u-line/u-line","node-modules/uview-ui/components/u-navbar/u-navbar":"node-modules/uview-ui/components/u-navbar/u-navbar","node-modules/uview-ui/components/u-upload/u-upload":"node-modules/uview-ui/components/u-upload/u-upload","node-modules/uview-ui/components/u-loading-icon/u-loading-icon":"node-modules/uview-ui/components/u-loading-icon/u-loading-icon","node-modules/uview-ui/components/u-swiper-indicator/u-swiper-indicator":"node-modules/uview-ui/components/u-swiper-indicator/u-swiper-indicator","node-modules/uview-ui/components/u-status-bar/u-status-bar":"node-modules/uview-ui/components/u-status-bar/u-status-bar"}[chunkId]||chunkId) + ".wxss";
/******/ var href = "" + ({"components/navBar/aIndex":"components/navBar/aIndex","components/tabbar/tabbar":"components/tabbar/tabbar","components/upload/aIndex":"components/upload/aIndex","node-modules/uview-ui/components/u-swiper/u-swiper":"node-modules/uview-ui/components/u-swiper/u-swiper","pages/demand/components/index":"pages/demand/components/index","node-modules/uview-ui/components/u--textarea/u--textarea":"node-modules/uview-ui/components/u--textarea/u--textarea","node-modules/uview-ui/components/u-icon/u-icon":"node-modules/uview-ui/components/u-icon/u-icon","node-modules/uview-ui/components/u-line/u-line":"node-modules/uview-ui/components/u-line/u-line","node-modules/uview-ui/components/u-navbar/u-navbar":"node-modules/uview-ui/components/u-navbar/u-navbar","node-modules/uview-ui/components/u-upload/u-upload":"node-modules/uview-ui/components/u-upload/u-upload","node-modules/uview-ui/components/u-loading-icon/u-loading-icon":"node-modules/uview-ui/components/u-loading-icon/u-loading-icon","node-modules/uview-ui/components/u-swiper-indicator/u-swiper-indicator":"node-modules/uview-ui/components/u-swiper-indicator/u-swiper-indicator","node-modules/uview-ui/components/u-textarea/u-textarea":"node-modules/uview-ui/components/u-textarea/u-textarea","node-modules/uview-ui/components/u-status-bar/u-status-bar":"node-modules/uview-ui/components/u-status-bar/u-status-bar"}[chunkId]||chunkId) + ".wxss";
/******/ var fullhref = __webpack_require__.p + href;
/******/ var existingLinkTags = document.getElementsByTagName("link");
/******/ for(var i = 0; i < existingLinkTags.length; i++) {
......
unpackage/dist/dev/mp-weixin/components/navBar/aIndex.wxml
<view class="index data-v-30ae7a76"><u-navbar vue-id="0d7016e1-1" leftText="返回" title="{{title}}" safeAreaInsetTop="{{true}}" placeholder="{{true}}" bgColor="{{bgColor}}" titleStyle="{{$root.a0}}" class="data-v-30ae7a76" bind:__l="__l" vue-slots="{{['left']}}"><view class="u-nav-slot data-v-30ae7a76" slot="left"><block wx:if="{{leftIcon}}"><u-icon vue-id="{{('0d7016e1-2')+','+('0d7016e1-1')}}" name="arrow-left" size="30" data-event-opts="{{[['^click',[['leftClick']]]]}}" bind:click="__e" class="data-v-30ae7a76" bind:__l="__l"></u-icon></block><block wx:if="{{homeShow}}"><u-line vue-id="{{('0d7016e1-3')+','+('0d7016e1-1')}}" direction="column" hairline="{{false}}" length="16" margin="0 8px" class="data-v-30ae7a76" bind:__l="__l"></u-line></block><block wx:if="{{homeShow}}"><u-icon vue-id="{{('0d7016e1-4')+','+('0d7016e1-1')}}" name="home" size="30" data-event-opts="{{[['^click',[['rightClick']]]]}}" bind:click="__e" class="data-v-30ae7a76" bind:__l="__l"></u-icon></block></view></u-navbar></view>
\ No newline at end of file
<view class="index data-v-30ae7a76"><u-navbar vue-id="0d7016e1-1" leftText="返回" title="{{title}}" safeAreaInsetTop="{{true}}" placeholder="{{true}}" bgColor="{{titleStyle.scrollTopHeader?'#5281FF':bgColor}}" titleStyle="{{$root.a0}}" class="data-v-30ae7a76" bind:__l="__l" vue-slots="{{['left']}}"><view class="u-nav-slot data-v-30ae7a76" style="{{'background-color:'+(titleStyle.scrollTopHeader?'#005EBD':titleStyle.backgroundColor)+';'}}" slot="left"><block wx:if="{{leftIcon}}"><u-icon vue-id="{{('0d7016e1-2')+','+('0d7016e1-1')}}" name="arrow-left" size="30" data-event-opts="{{[['^click',[['leftClick']]]]}}" bind:click="__e" class="data-v-30ae7a76" bind:__l="__l"></u-icon></block><block wx:if="{{homeShow}}"><u-line vue-id="{{('0d7016e1-3')+','+('0d7016e1-1')}}" direction="column" hairline="{{false}}" length="16" margin="0 8px" class="data-v-30ae7a76" bind:__l="__l"></u-line></block><block wx:if="{{homeShow}}"><u-icon vue-id="{{('0d7016e1-4')+','+('0d7016e1-1')}}" name="home" size="30" data-event-opts="{{[['^click',[['rightClick']]]]}}" bind:click="__e" class="data-v-30ae7a76" bind:__l="__l"></u-icon></block></view></u-navbar></view>
\ No newline at end of file
unpackage/dist/dev/mp-weixin/components/tabbar/tabbar.wxml
<view class="data-v-8ad7aaf8"><view class="tabBar data-v-8ad7aaf8" style="{{(platform=='android'?'height: 120rpx;':'height: 150rpx;')}}"><view class="tabBar-cont data-v-8ad7aaf8"><block wx:for="{{tabBarList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['tabBarChange',['$0'],[[['tabBarList','',index]]]]]]]}}" class="tabBar-cont-item data-v-8ad7aaf8" bindtap="__e"><block wx:if="{{item.type===type}}"><image src="{{item.icon}}" mode="aspectFill" class="data-v-8ad7aaf8"></image></block><block wx:else><image src="{{item.selectIcon}}" mode="aspectFill" class="data-v-8ad7aaf8"></image></block><view class="{{['data-v-8ad7aaf8',item.type===type?'tabBar-cont-item-title tabBar-cont-item-titleAct':'tabBar-cont-item-title']}}">{{''+item.name}}</view></view></block></view></view></view>
\ No newline at end of file
<view class="data-v-8ad7aaf8"><view class="tabBar data-v-8ad7aaf8" style="{{(platform=='android'?'height: 102rpx;':'height: 132rpx;')}}"><image class="tabBar-imag data-v-8ad7aaf8" src="/static/tabbar/db.png" mode></image><view class="tabBar-cont data-v-8ad7aaf8"><block wx:for="{{tabBarList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['tabBarChange',['$0'],[[['tabBarList','',index]]]]]]]}}" class="tabBar-cont-item data-v-8ad7aaf8" bindtap="__e"><block wx:if="{{item.type=='type'}}"><image src="{{item.icon}}" class="data-v-8ad7aaf8"></image></block><block wx:else><image src="{{item.selectIcon}}" mode="aspectFill" class="data-v-8ad7aaf8"></image></block><block wx:if="{{item.type!='type'}}"><view class="{{['data-v-8ad7aaf8',item.type!='type'?'tabBar-cont-item-title tabBar-cont-item-titleAct':'tabBar-cont-item-title']}}">{{''+item.name+''}}</view></block><block wx:else><view class="{{['data-v-8ad7aaf8',item.type!='type'?'tabBar-cont-item-title tabBar-cont-item-titleAct':'tabBar-cont-item-title']}}">{{''+item.name+''}}</view></block></view></block></view></view></view>
\ No newline at end of file
unpackage/dist/dev/mp-weixin/pages/home/index.json
{
"navigationBarTitleText": "首页",
"usingComponents": {}
"navigationBarTitleText": "uni-app",
"navigationStyle": "custom",
"usingComponents": {
"u-swiper": "/node-modules/uview-ui/components/u-swiper/u-swiper"
}
}
\ No newline at end of file
unpackage/dist/dev/mp-weixin/pages/home/index.wxml
<view class="function data-v-71e217db"><com-tabbar vue-id="6b3d36ea-1" class="data-v-71e217db" bind:__l="__l"></com-tabbar></view>
\ No newline at end of file
<view class="content data-v-71e217db"><image class="logo data-v-71e217db" src="/static//icon/sytb.png"></image><view style="{{'height:'+('calc('+globalData.statusBarHeight+'rpx + 158rpx)')+';'}}" class="data-v-71e217db"></view><view class="content-swiper data-v-71e217db"><u-swiper vue-id="6b3d36ea-1" list="{{swiperList}}" keyName="img" autoplay="{{true}}" height="300rpx" data-event-opts="{{[['^change',[['e0']]]]}}" bind:change="__e" class="data-v-71e217db" bind:__l="__l" vue-slots="{{['indicator']}}"><view class="indicator data-v-71e217db" slot="indicator"><block wx:for="{{swiperList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="{{['indicator__dot','data-v-71e217db',index===current&&'indicator__dot--active']}}"></view></block></view></u-swiper></view><view class="content-matter data-v-71e217db"><view class="content-matter-market data-v-71e217db"><view class="data-v-71e217db"></view><view class="data-v-71e217db">用户需求广场</view></view><block wx:for="{{10}}" wx:for-item="v" wx:for-index="index" wx:key="index"><view data-event-opts="{{[['tap',[['clickJump',['$event']]]]]}}" class="content-matter-marketplace data-v-71e217db" bindtap="__e"><image src="/static//icon/sytb.png" mode class="data-v-71e217db"></image><view class="content-matter-marketplace-bazaar data-v-71e217db"><view class="data-v-71e217db">灯泡灯芯坏了</view><view class="data-v-71e217db">说明：有一个字不是特别亮，希望换一盏灯希望换一盏灯希望换一盏灯</view><view class="data-v-71e217db"><text class="data-v-71e217db">维修时间：</text><text class="data-v-71e217db">2023-02-23</text></view></view></view></block></view><com-navbar vue-id="6b3d36ea-2" leftIcon="{{false}}" homeShow="{{false}}" bgColor="transparent" title="首页" titleStyle="{{({color:'#FFFFFF',fontSize:'32rpx',scrollTopHeader:scrollTopHeader})}}" class="data-v-71e217db" bind:__l="__l"></com-navbar><com-tabbar vue-id="6b3d36ea-3" list="{{tabBarList}}" data-event-opts="{{[['^tabBarChange',[['tabBarChange']]]]}}" bind:tabBarChange="__e" class="data-v-71e217db" bind:__l="__l"></com-tabbar></view>
\ No newline at end of file
unpackage/dist/dev/mp-weixin/pages/home/index.wxss
page {
background-color: #f3f4f6;
}
@charset "UTF-8";
/**
* 这里是uni-app内置的常用样式变量
......@@ -24,61 +29,90 @@
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
page.data-v-71e217db {
position: relative;
.content.data-v-71e217db {
display: flex;
flex-direction: column;
justify-content: center;
}
.function.data-v-71e217db {
width: 100%;
.content-swiper.data-v-71e217db {
height: 280rpx;
background: #d8d8d8;
border-radius: 10rpx;
overflow: hidden;
width: calc(100% - 20rpx * 2);
margin: 0rpx 20rpx 0rpx;
}
.function-bg.data-v-71e217db {
width: 100%;
height: 100%;
position: fixed;
left: 0%;
top: 0%;
z-index: -1;
.content-matter.data-v-71e217db {
margin: 28rpx 20rpx 50rpx;
}
.function-content.data-v-71e217db {
width: calc(100% - 56rpx);
position: absolute;
left: 28rpx;
padding: 50rpx 0;
}
.function-content-item.data-v-71e217db {
width: 100%;
.content-matter-market.data-v-71e217db {
display: flex;
align-items: center;
margin-bottom: 20rpx;
}
.function-content-item-title.data-v-71e217db {
font-size: 32rpx;
font-weight: 800;
color: #030a28;
.content-matter-market > view.data-v-71e217db:nth-child(1) {
width: 6rpx;
height: 36rpx;
background: linear-gradient(180deg, #2C66FF 0%, #579FFF 100%);
border-radius: 3rpx;
margin-right: 14rpx;
}
.function-content-item-title text.data-v-71e217db {
display: inline-block;
width: 10rpx;
height: 32rpx;
background: linear-gradient(0deg, #005ebd 0%, #2a8aea 100%);
border-radius: 5rpx;
margin-right: 18rpx;
.content-matter-market > view.data-v-71e217db:nth-child(2) {
font-size: 28rpx;
font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
font-weight: 500;
color: #333333;
}
.function-content-item-content.data-v-71e217db {
.content-matter-marketplace.data-v-71e217db {
display: flex;
background-color: #ffffff;
border-radius: 16rpx;
padding: 22rpx 0 30rpx;
margin: 33rpx 0 50rpx;
border-radius: 8rpx;
padding: 20rpx;
margin-bottom: 20rpx;
}
.function-content-item-content > view.data-v-71e217db {
width: 33.3%;
text-align: center;
.content-matter-marketplace > image.data-v-71e217db {
width: 170rpx;
height: 170rpx;
margin-right: 20rpx;
}
.function-content-item-content > view > image.data-v-71e217db {
width: 96rpx;
height: 96rpx;
margin-bottom: 11rpx;
.content-matter-marketplace-bazaar.data-v-71e217db {
width: 460rpx;
}
.function-content-item-content > view > view.data-v-71e217db {
.content-matter-marketplace-bazaar > view.data-v-71e217db:nth-child(1) {
font-size: 28rpx;
font-weight: bold;
color: #616168;
font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
font-weight: 700;
color: #333333;
margin-top: 8rpx;
}
.content-matter-marketplace-bazaar > view.data-v-71e217db:nth-child(2) {
margin-top: 6rpx;
font-size: 24rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #444444;
}
.content-matter-marketplace-bazaar > view.data-v-71e217db:nth-child(3) {
margin-top: 9rpx;
font-size: 20rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #5281FF;
}
.logo.data-v-71e217db {
width: 100%;
height: 340rpx;
position: absolute;
z-index: -1;
top: 0%;
left: 0%;
}
.text-area.data-v-71e217db {
display: flex;
justify-content: center;
}
.title.data-v-71e217db {
font-size: 36rpx;
color: #8f8f94;
}
unpackage/dist/dev/mp-weixin/pages/index/index.json deleted 100644 → 0
{
"navigationBarTitleText": "uni-app",
"navigationStyle": "custom",
"usingComponents": {
"u-swiper": "/node-modules/uview-ui/components/u-swiper/u-swiper"
}
}
\ No newline at end of file
unpackage/dist/dev/mp-weixin/pages/index/index.wxml deleted 100644 → 0
<view class="content data-v-57280228"><image class="logo data-v-57280228" src="/static//icon/sytb.png" data-event-opts="{{[['tap',[['jump',['$event']]]]]}}" bindtap="__e"></image><view style="{{'height:'+('calc('+globalData.statusBarHeight+'rpx + 158rpx)')+';'}}" class="data-v-57280228"></view><view class="content-swiper data-v-57280228"><u-swiper vue-id="8dd740cc-1" list="{{swiperList}}" keyName="img" autoplay="{{true}}" height="300rpx" data-event-opts="{{[['^change',[['e0']]]]}}" bind:change="__e" class="data-v-57280228" bind:__l="__l" vue-slots="{{['indicator']}}"><view class="indicator data-v-57280228" slot="indicator"><block wx:for="{{swiperList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="{{['indicator__dot','data-v-57280228',index===current&&'indicator__dot--active']}}"></view></block></view></u-swiper></view><view class="content-matter data-v-57280228"><view class="content-matter-market data-v-57280228"><view class="data-v-57280228"></view><view class="data-v-57280228">用户需求广场</view></view><block wx:for="{{50}}" wx:for-item="v" wx:for-index="index"><view class="content-matter-marketplace data-v-57280228"><image src="/static//icon/sytb.png" mode class="data-v-57280228"></image><view class="content-matter-marketplace-bazaar data-v-57280228"><view class="data-v-57280228">灯泡灯芯坏了</view><view class="data-v-57280228">说明：有一个字不是特别亮，希望换一盏灯希望换一盏灯希望换一盏灯</view><view class="data-v-57280228"><text class="data-v-57280228">维修时间：</text><text class="data-v-57280228">2023-02-23</text></view></view></view></block></view><com-navbar vue-id="8dd740cc-2" leftIcon="{{false}}" homeShow="{{false}}" bgColor="transparent" title="首页" titleStyle="{{({color:'#FFFFFF',fontSize:'32rpx'})}}" class="data-v-57280228" bind:__l="__l"></com-navbar><com-tabbar vue-id="8dd740cc-3" class="data-v-57280228" bind:__l="__l"></com-tabbar></view>
\ No newline at end of file
unpackage/dist/dev/mp-weixin/pages/index/index.wxss deleted 100644 → 0
page {
background-color: #f3f4f6;
}
@charset "UTF-8";
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.content.data-v-57280228 {
display: flex;
flex-direction: column;
justify-content: center;
}
.content-swiper.data-v-57280228 {
height: 280rpx;
background: #d8d8d8;
border-radius: 10rpx;
overflow: hidden;
width: calc(100% - 20rpx * 2);
margin: 0rpx 20rpx 0rpx;
}
.content-matter.data-v-57280228 {
margin: 28rpx 20rpx 50rpx;
}
.content-matter-market.data-v-57280228 {
display: flex;
align-items: center;
margin-bottom: 20rpx;
}
.content-matter-market > view.data-v-57280228:nth-child(1) {
width: 6rpx;
height: 36rpx;
background: linear-gradient(180deg, #2C66FF 0%, #579FFF 100%);
border-radius: 3rpx;
margin-right: 14rpx;
}
.content-matter-market > view.data-v-57280228:nth-child(2) {
font-size: 28rpx;
font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
font-weight: 500;
color: #333333;
}
.content-matter-marketplace.data-v-57280228 {
display: flex;
background-color: #ffffff;
border-radius: 8rpx;
padding: 20rpx;
margin-bottom: 20rpx;
}
.content-matter-marketplace > image.data-v-57280228 {
width: 170rpx;
height: 170rpx;
margin-right: 20rpx;
}
.content-matter-marketplace-bazaar.data-v-57280228 {
width: 460rpx;
}
.content-matter-marketplace-bazaar > view.data-v-57280228:nth-child(1) {
font-size: 28rpx;
font-family: AlibabaPuHuiTi-Medium, AlibabaPuHuiTi;
font-weight: 700;
color: #333333;
margin-top: 8rpx;
}
.content-matter-marketplace-bazaar > view.data-v-57280228:nth-child(2) {
margin-top: 6rpx;
font-size: 24rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #444444;
}
.content-matter-marketplace-bazaar > view.data-v-57280228:nth-child(3) {
margin-top: 9rpx;
font-size: 20rpx;
font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
font-weight: 400;
color: #5281FF;
}
.logo.data-v-57280228 {
width: 100%;
height: 340rpx;
position: absolute;
z-index: -1;
top: 0%;
left: 0%;
}
.text-area.data-v-57280228 {
display: flex;
justify-content: center;
}
.title.data-v-57280228 {
font-size: 36rpx;
color: #8f8f94;
}
unpackage/dist/dev/mp-weixin/project.private.config.json
......@@ -13,6 +13,20 @@
"query": "",
"launchMode": "default",
"scene": null
},
{
"name": "",
"pathName": "home/index/index",
"query": "",
"launchMode": "default",
"scene": null
},
{
"name": "",
"pathName": "pages/demand/index",
"query": "",
"launchMode": "default",
"scene": null
}
]
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment