作者 左学珍

我的,人气值页面

export const mineOrderList = [
{ name: '待支付', url: '/static/logo.png', pageUrl: '/pages/expect/expect' },
{ name: '待发货', url: '/static/logo.png', pageUrl: '/pages/expect/expect' },
{ name: '待收货', url: '/static/logo.png', pageUrl: '/pages/expect/expect' },
{ name: '全部订单', url: '/static/logo.png', pageUrl: '/pages/expect/expect' },
]
export const myList = [{
id: 1,
name: '我的卡券',
url: '/static/my-o.png',
pageUrl: '/pages/enterprise-certification/enterprise-certification'
},
{
id: 2,
name: '地址管理',
url: '/static/star-false.png',
pageUrl: '/pages/my/my-collection'
},
{
id: 3,
name: '帮助与反馈',
url: '/static/my-t.png',
pageUrl: '/pages/card-package-management/card-package-management'
},
{
id: 4,
name: '关于我们',
url: '/static/my-f.png',
pageUrl: '/pages/equipment-list/equipment-list'
},
{
id: 5,
name: '人工客服',
url: '/static/location-icon.png',
pageUrl: '/pages/address-management/address-management'
}
]
export const myToolsList = [{
name: '消费积分',
url: '/static/images/tabbar/mine-score.png',
pageUrl: '/pages/mine/mine-integration/mine-integration'
},
{
name: '物品运输',
url: '/static/images/tabbar/mine-goods.png',
pageUrl: '/pages/mine/mine-toolLogistics/mine-toolLogistics'
},
{
name: '租赁记录',
url: '/static/images/tabbar/mine-lend.png',
pageUrl: '/pages/mine/mine-toolLeaserecords/mine-toolLeaserecords'
},
{
name: '系统设置',
url: '/static/images/tabbar/mine-setting.png',
pageUrl: '/pages/mine/mine-setting/mine-setting'
},
{ name: '入馆二维码', url: '/static/images/tabbar/mine-qrcode.png', pageUrl: '/pages/mine/mine-qrcode/mine-qrcode' }
]
export const bookFormDataList = [{
type: 'input',
isRequired: true,
label: '团队名称',
iptVal: '',
placeholderText: '请输入',
keyboard: 'text',
isDisabled: false,
selectId: '',
},
{
type: 'input',
isRequired: true,
label: '预约人数',
iptVal: '',
placeholderText: '请输入',
keyboard: 'number',
isDisabled: false,
selectId: '',
},
{
type: 'select',
isRequired: true,
label: '团队性质',
iptVal: '',
placeholderText: '请选择',
keyboard: 'text',
isDisabled: true,
selectId: '',
options: []
},
{
type: 'select',
isRequired: true,
label: '来访目的',
iptVal: '',
placeholderText: '请选择',
keyboard: 'text',
isDisabled: true,
selectId: '',
options: [],
}
]
export const formDataList = [{
type: 'input',
isRequired: true,
label: '企业名称',
iptVal: '',
placeholderText: '请输入',
keyboard: 'text',
isDisabled: false,
showtext: '',
},
{
type: 'select',
isRequired: true,
label: '所属地区',
iptVal: '',
placeholderText: '请选择',
keyboard: 'text',
isDisabled: true,
showtext: '',
},
{
type: 'input',
isRequired: true,
label: '法人代表',
iptVal: '',
placeholderText: '请输入',
keyboard: 'text',
isDisabled: false,
showtext: '',
},
{
type: 'input',
isRequired: true,
label: '联系电话',
iptVal: '',
placeholderText: '请输入',
keyboard: 'text',
isDisabled: false,
showtext: '',
},
{
type: 'select',
isRequired: true,
label: '注册时间',
iptVal: '',
placeholderText: '请选择',
keyboard: 'text',
isDisabled: true,
showtext: '',
},
{
type: 'input',
isRequired: true,
label: '注册金额',
iptVal: '',
placeholderText: '请输入',
keyboard: 'text',
isDisabled: false,
showtext: '',
},
{
type: 'input',
isRequired: true,
label: '公司规模',
iptVal: '',
placeholderText: '请输入',
keyboard: 'text',
isDisabled: false,
showtext: '',
}, {
type: 'textarea',
isRequired: true,
label: '企业介绍',
iptVal: '',
placeholderText: '请输入这里是描述',
keyboard: 'text',
isDisabled: false,
showtext: '',
}
]
export const showEnterList = [{
type: 'select',
isRequired: true,
label: '会展类型',
iptVal: '',
placeholderText: '请选择会展类型',
keyboard: 'text',
isDisabled: true,
showtext: '',
options: []
},
{
type: 'select',
isRequired: true,
label: '展会行业',
iptVal: '',
placeholderText: '请选择展会行业',
keyboard: 'text',
isDisabled: true,
showtext: '',
options: []
},
{
type: 'select',
isRequired: true,
label: '展会级别',
iptVal: '',
placeholderText: '请选择展会级别',
keyboard: 'text',
isDisabled: true,
showtext: '',
options: []
},
{
type: 'select',
isRequired: true,
label: '地区',
iptVal: '',
placeholderText: '请选择地区',
keyboard: 'text',
isDisabled: true,
showtext: '',
},
{
type: 'input',
isRequired: true,
label: '活动名称',
iptVal: '',
placeholderText: '请输入活动名称',
keyboard: 'text',
isDisabled: false,
showtext: '',
},
{
type: 'input',
isRequired: true,
label: '官网链接',
iptVal: '',
placeholderText: '请输入官网链接',
keyboard: 'text',
isDisabled: false,
showtext: '',
},
{
type: 'select',
isRequired: true,
label: '举办时间',
iptVal: '',
placeholderText: '请选择举办时间',
keyboard: 'text',
isDisabled: true,
showtext: '',
},
{
type: 'input',
isRequired: true,
label: '主题',
iptVal: '',
placeholderText: '请输入主题',
keyboard: 'text',
isDisabled: false,
showtext: '',
},
{
type: 'input',
isShowUnit: true,
isRequired: true,
label: '展出面积',
iptVal: '',
placeholderText: '请输入展出面积',
keyboard: 'text',
isDisabled: false,
showtext: '',
},
{
type: 'input',
isRequired: true,
label: '指导单位',
iptVal: '',
placeholderText: '请输入指导单位',
keyboard: 'text',
isDisabled: false,
showtext: '',
},
{
type: 'input',
isRequired: true,
label: '主办单位',
iptVal: '',
placeholderText: '请输入主办单位',
keyboard: 'text',
isDisabled: false,
showtext: '',
},
{
type: 'input',
isRequired: true,
label: '承办单位',
iptVal: '',
placeholderText: '请输入承办单位',
keyboard: 'text',
isDisabled: false,
showtext: '',
},
{
type: 'input',
isRequired: true,
label: '协办单位',
iptVal: '',
placeholderText: '请输入协办单位',
keyboard: 'text',
isDisabled: false,
showtext: '',
}, {
type: 'input',
isRequired: true,
label: '电话',
iptVal: '',
placeholderText: '请输入联系电话',
keyboard: 'text',
isDisabled: false,
showtext: '',
}, {
type: 'input',
isRequired: true,
label: '邮箱',
iptVal: '',
placeholderText: '请输入邮箱',
keyboard: 'text',
isDisabled: false,
showtext: '',
}, {
type: 'input',
isRequired: true,
label: '举办场馆',
iptVal: '',
placeholderText: '请输入举办场馆',
keyboard: 'text',
isDisabled: false,
showtext: '',
}, {
type: 'input',
isRequired: true,
label: '举办地点',
iptVal: '',
placeholderText: '请输入举办地点',
keyboard: 'text',
isDisabled: false,
showtext: '',
}, {
type: 'textarea',
isRequired: true,
label: '会展简介',
iptVal: '',
placeholderText: '请输入简介(100字以内)',
keyboard: 'text',
isDisabled: false,
showtext: '',
},
{
type: 'textarea',
isRequired: true,
label: '展会介绍',
iptVal: '',
placeholderText: '请输入展会介绍',
keyboard: 'text',
isDisabled: false,
showtext: '',
},
]
export const mineSettinginfo = [
{ name: '个人资料', isShowBottom: true, isClear: false, pageUrl: '/pages/mine/mine-edit/mine-edit' },
{ name: '预约信息', isShowBottom: false, isClear: false, pageUrl: '/pages/expect/expect' },
{ name: '协议与条款', isShowBottom: false, isClear: false, pageUrl: '/pages/expect/expect' },
{ name: '关于我们', isShowBottom: false, isClear: false, pageUrl: '/pages/mine/about-us/about-us' },
{ name: '清理缓存', isShowBottom: false, isClear: true, pageUrl: '/pages/expect/expect' },
]
export const aboutusList = [
{ name: '功能介绍', pageUrl: `/pages/agreement/agreement?type=3` },
{ name: '用户协议', pageUrl: '/pages/expect/expect' },
]
export const costScorelist = [
{ name: '消费记录', pageUrl: '/pages/expect/expect' },
{ name: '积分记录', pageUrl: '/pages/mine/mine-chargerecord/mine-chargerecord' },
{ name: '消费积分', pageUrl: '/pages/expect/expect' },
{ name: '积分换购', pageUrl: '/pages/expect/expect' },
{ name: '积分券', pageUrl: '/pages/expect/expect' },
]
\ No newline at end of file
... ...
... ... @@ -11,6 +11,43 @@
"style": {
"navigationBarTitleText": "uni-app"
}
}, {
"path": "pages/shopping/shopping",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}, {
"path": "pages/bubbles/bubbles",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}, {
"path": "pages/mine/mine",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
}, {
"path": "pages/mine/mine-popularityInfo/mine-popularityInfo",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false,
"navigationStyle": "custom"
}
}, {
"path": "pages/mine/mine-coupon/mine-coupon",
"style": {
"navigationBarTitleText": "我的卡券",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#fff"
}
}
],
"globalStyle": {
... ... @@ -19,5 +56,36 @@
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8"
},
"uniIdRouter": {}
"uniIdRouter": {},
"tabBar": {
"color": "#858E97",
"selectedColor": "#004F90", //tab 上的文字选中时的颜色
"borderStyle": "white", //tabbar 上边框的颜色,可选值 black/white
"backgroundColor": "#ffffff", //tab的背景色
"list": [{
"pagePath": "pages/index/index", //页面路径,必须在pages中先定义
"iconPath": "static/images/tabbar/home.png", //未选中图片路径
"selectedIconPath": "static/images/tabbar/home-active.png", //选中时的图片路径
"text": "首页" //tab上按钮文字
},
{
"pagePath": "pages/shopping/shopping",
"iconPath": "static/images/tabbar/service.png", //未选中图片路径
"selectedIconPath": "static/images/tabbar/service-active.png", //选中时的图片路径
"text": "超级泡泡"
},
{
"pagePath": "pages/bubbles/bubbles", //页面路径,必须在pages中先定义
"iconPath": "static/images/tabbar/forum.png", //未选中图片路径
"selectedIconPath": "static/images/tabbar/forum-active.png", //选中时的图片路径
"text": "购物袋" //tab上按钮文字
},
{
"pagePath": "pages/mine/mine", //页面路径,必须在pages中先定义
"iconPath": "static/images/tabbar/mine.png", //未选中图片路径
"selectedIconPath": "static/images/tabbar/mine-active.png", //选中时的图片路径
"text": "我的" //tab上按钮文字
}
]
}
}
\ No newline at end of file
... ...
<template>
<view class="">
</view>
</template>
<script setup>
import { onShow, onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue'
</script>
<style lang="scss">
</style>
\ No newline at end of file
... ...
<template>
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<view class="text-area">
<text class="title">{{title}}</text>
</view>
<view class="">
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
},
methods: {
}
}
<script setup>
import { onShow, onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue'
</script>
<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.logo {
height: 200rpx;
width: 200rpx;
margin-top: 200rpx;
margin-left: auto;
margin-right: auto;
margin-bottom: 50rpx;
}
.text-area {
display: flex;
justify-content: center;
}
.title {
font-size: 36rpx;
color: #8f8f94;
}
</style>
<style lang="scss">
</style>
\ No newline at end of file
... ...
<template>
<view class="item-wrap">
<view class="my-item" v-for="item in myList" :key="item">
<image src="/static/logo.png" mode=""></image> {{item.name}}
</view>
</view>
</template>
<script setup>
import { myList } from '@/data/formDataList.js'
const emits = defineEmits(['toDifPages'])
const props = defineProps({
itemData: {
type: Object,
default: () => ({})
}
})
const toDifPages = (pageUrl) => {
emits('toDifPages', pageUrl)
}
</script>
<style lang="scss">
.item-wrap {
width: 702rpx;
height: 564rpx;
border-radius: 16rpx;
background: #ffffff;
padding: 0 24rpx;
box-sizing: border-box;
.my-item {
@include flexcenter();
height: 110rpx;
font-size: 30rpx;
font-weight: 700;
image {
width: 44rpx;
height: 44rpx;
margin-right: 24rpx;
}
}
}
</style>
\ No newline at end of file
... ...
<template>
<view class="order-module">
<view class="top-wrap">
<view class="sub-title">{{subTitle}}</view>
<view class="right">
全部订单 <uv-icon name="arrow-right" top="2rpx" size="12"></uv-icon>
</view>
</view>
<view class="item-wrap">
<view class="item-inner" @click="toDifPages(item.pageUrl)" v-for="item in mineOrderList" :key="item.name">
<image class="status-img" :src="item.url" mode=""></image>
<view class="status-text">{{item.name}}</view>
</view>
</view>
</view>
</template>
<script setup>
defineProps({
mineOrderList: {
type: Array,
default: () => ([])
},
subTitle: {
type: String,
default: '我的订单',
}
})
</script>
<style lang="scss">
.order-module {
padding: 28rpx;
box-sizing: border-box;
position: relative;
top: -20rpx;
border-radius: 24rpx;
background: #ffffff;
}
.top-wrap {
@include flexCj();
.right {
@include flexcenter();
color: #00000066;
font-size: 24rpx;
}
}
.sub-title {
font-size: 34rpx;
font-weight: 700;
}
.item-wrap {
@include flexcenter();
flex-wrap: wrap;
margin-top: 46rpx;
.item-inner {
@include flexColumn();
width: 25%;
font-size: 24rpx;
font-weight: 700;
.status-img {
width: 48rpx;
height: 48rpx;
margin-bottom: 16rpx;
}
}
}
</style>
\ No newline at end of file
... ...
<template>
<view class="card-wrap">
<view class="card" v-for="item in 2" :key="item">
<view class="left">
<view class="">我的泡泡</view>
<view class="">福利专享</view>
</view>
<image src="/static/logo.png" mode=""></image>
</view>
</view>
</template>
<script setup>
import { onShow, onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue'
</script>
<style lang="scss">
.card-wrap {
@include flexCj();
margin-bottom: 26rpx;
.card {
width: 340rpx;
height: 134rpx;
padding: 28rpx 32rpx;
box-sizing: border-box;
border-radius: 16rpx;
background: linear-gradient(162.1deg, #fff3e9 0%, #ffffff 100%);
&:last-child {
background: linear-gradient(162.1deg, #e9fff2 0%, #ffffff 100%);
}
@include flexCj();
.left {
view {
&:first-child {
font-size: 28rpx;
font-weight: 700;
margin-bottom: 6rpx;
}
&:last-child {
color: #00000066;
font-size: 24rpx;
}
}
}
image {
width: 84rpx;
height: 70.05rpx;
}
}
}
</style>
\ No newline at end of file
... ...
<template>
<view class="">
<uv-tabs :list="list" @click="click" lineColor="#23B1B1" :activeStyle="{fontWeight:700,color:'#000'}"></uv-tabs>
</view>
</template>
<script setup>
import { onShow, onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue'
const list = ref([{
name: '全部',
}, {
name: '待开奖',
}, {
name: '已开奖'
}])
</script>
<style lang="scss">
</style>
\ No newline at end of file
... ...
<template>
<view class="mine-popularityInfo">
<uv-navbar title=" " :placeholder="true" bg-color="#ffffff00" :auto-back="true"></uv-navbar>
<view class="top-bg">
<image src="/static/logo.png" mode=""></image>
<view class="inner">
<image src="/static/logo.png" mode=""></image>
<view class="">快乐的张张紫</view>
<view class="">999人气值</view>
</view>
</view>
<view class="content">
<view class="title">人气值明细</view>
<view class="info-item" v-for="item in 6" :key="item">
<view class="top">
<view class="left">抽取福袋</view>
<view class="right">-5</view>
</view>
<view class="bottom">2023.12.03</view>
</view>
</view>
</view>
</template>
<script setup>
import { onShow, onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue'
</script>
<style lang="scss">
.mine-popularityInfo {
position: relative;
}
.top-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
image {
width: 750rpx;
height: 520rpx;
}
.inner {
position: absolute;
top: 214rpx;
left: 50%;
transform: translateX(-50%);
image {
width: 156rpx;
height: 156rpx;
border-radius: 50%;
margin-bottom: 24rpx;
}
view {
text-align: center;
&:first-child {
font-size: 28rpx;
font-weight: 700;
margin-bottom: 10rpx;
}
&:last-child {
font-weight: 700;
font-size: 40rpx;
}
}
}
}
.content {
position: absolute;
top: 520rpx;
width: 750rpx;
height: 1108rpx;
padding: 40rpx 24rpx 0 24rpx;
border-top-left-radius: 32rpx;
border-top-right-radius: 32rpx;
box-sizing: border-box;
background: #ffffff;
.title {
font-size: 32rpx;
font-weight: 700;
}
.info-item {
margin-top: 28rpx;
height: 112rpx;
border-bottom: 1rpx solid #eee;
.top {
@include flexCj();
margin-bottom: 16rpx;
.left {
font-size: 28rpx;
}
.right {
font-weight: 700;
font-family: "32rpx";
}
}
.bottom {
color: #00000066;
font-size: 26rpx;
padding-bottom: 26rpx;
}
}
}
</style>
\ No newline at end of file
... ...
<template>
<view class="">
<uv-navbar title=" " :placeholder="true" bg-color="#ffffff00"></uv-navbar>
<view class="top-info">
<image src="/static/logo.png" mode=""></image>
<view class="right">
<view class="nickname">哈哈哈</view>
<view style=" color: #00000099;font-size: 30rpx;" @click="toPopularityInfo">999人气值</view>
</view>
</view>
<view class="main-content">
<order-module :mineOrderList="mineOrderList" />
<two-moudle />
<my-item />
</view>
</view>
</template>
<script setup>
import { onShow, onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue'
import myItem from './c-cpns/my-item.vue';
import orderModule from './c-cpns/order-module.vue'
import twoMoudle from './c-cpns/two-module.vue'
import { mineOrderList } from '@/data/formDataList.js'
function toPopularityInfo() { uni.navigateTo({ url: '/pages/mine/mine-popularityInfo/mine-popularityInfo' }) }
</script>
<style lang="scss">
page {
width: 750rpx;
background: linear-gradient(180deg, #95f7f7 0%, #f7f8fa 100%);
}
.top-info {
@include flexcenter();
margin: 40rpx 0 0 40rpx;
image {
width: 140rpx;
height: 140rpx;
border-radius: 50%;
margin-right: 22rpx;
}
.right {
.nickname {
font-size: 32rpx;
font-weight: 700;
margin-bottom: 16rpx;
}
}
}
.main-content {
@include wrap(702rpx);
margin-top: 52rpx;
}
</style>
\ No newline at end of file
... ...
<template>
<view class="">
</view>
</template>
<script setup>
import { onShow, onLoad } from '@dcloudio/uni-app'
import { ref } from 'vue'
</script>
<style lang="scss">
</style>
\ No newline at end of file
... ...
:root{
--theme--color:#ffaaff
}
\ No newline at end of file
... ...
@mixin flex {
display: flex;
}
@mixin flexcenter($sort:center) {
@include flex();
align-items: $sort;
}
@mixin flexCj($jus:space-between) {
justify-content: $jus;
@include flexcenter();
}
@mixin flexWrap {
@include flexcenter();
// justify-content: space-between;
flex-wrap: wrap;
}
@mixin flexColumn {
@include flexcenter();
flex-direction: column;
}
@mixin wrap($topicWidth:686rpx) {
width: $topicWidth;
margin: 0 auto;
}
@mixin wrapPadding($topPadding:32rpx, $rightPadding:32rpx, $bottomPadding:32rpx ,$leftPadding:32rpx) {
width: 750rpx;
box-sizing: border-box;
padding: $topPadding $rightPadding $bottomPadding $leftPadding;
}
// ios底部适配
@mixin iosSafeDistance {
padding-bottom: constant(safe-area-inset-bottom);
/* 兼容 iOS < 11.2 */
padding-bottom: env(safe-area-inset-bottom);
/* 兼容 iOS >= 11.2 */
}
// 主题颜色
$theme-color:#66D61E;
$main-color:#fff;
// 主题字号
// 文字超出显示... 是下面超出一行和两行的合并写法
@mixin oneLine($count: 1) {
@if $count<=1 {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
} @else {
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: $count;
line-clamp: $count;
-webkit-box-orient: vertical;
}
}
@mixin grayLine($width:622rpx){
width: $width;
height: 1rpx;
background: rgba(235, 237, 240, 1);
}
@mixin common-icon-wh($width:48rpx,$height:$width) {
width: $width;
height: $height;
}
@mixin common {
padding: 24rpx;
box-sizing: border-box;
background-color: #fff;
border-radius: 16rpx;
}
\ No newline at end of file
... ...
... ... @@ -13,6 +13,8 @@
*/
/* 颜色变量 */
@import '/static/css/theme.scss';
@import '/static/css/common.scss';
/* 行为相关颜色 */
$uni-color-primary: #007aff;
... ...
... ... @@ -3,6 +3,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const common_vendor = require("./common/vendor.js");
if (!Math) {
"./pages/index/index.js";
"./pages/shopping/shopping.js";
"./pages/bubbles/bubbles.js";
"./pages/mine/mine.js";
"./pages/mine/mine-popularityInfo/mine-popularityInfo.js";
"./pages/mine/mine-coupon/mine-coupon.js";
}
const _sfc_main = {
onLaunch: function() {
... ...
{
"pages": [
"pages/index/index"
"pages/index/index",
"pages/shopping/shopping",
"pages/bubbles/bubbles",
"pages/mine/mine",
"pages/mine/mine-popularityInfo/mine-popularityInfo",
"pages/mine/mine-coupon/mine-coupon"
],
"window": {
"navigationBarTextStyle": "black",
... ... @@ -8,5 +13,37 @@
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8"
},
"tabBar": {
"color": "#858E97",
"selectedColor": "#004F90",
"borderStyle": "white",
"backgroundColor": "#ffffff",
"list": [
{
"pagePath": "pages/index/index",
"iconPath": "static/images/tabbar/home.png",
"selectedIconPath": "static/images/tabbar/home-active.png",
"text": "首页"
},
{
"pagePath": "pages/shopping/shopping",
"iconPath": "static/images/tabbar/service.png",
"selectedIconPath": "static/images/tabbar/service-active.png",
"text": "超级泡泡"
},
{
"pagePath": "pages/bubbles/bubbles",
"iconPath": "static/images/tabbar/forum.png",
"selectedIconPath": "static/images/tabbar/forum-active.png",
"text": "购物袋"
},
{
"pagePath": "pages/mine/mine",
"iconPath": "static/images/tabbar/mine.png",
"selectedIconPath": "static/images/tabbar/mine-active.png",
"text": "我的"
}
]
},
"usingComponents": {}
}
\ No newline at end of file
... ...
"use strict";
const common_vendor = require("../../common/vendor.js");
const _sfc_main = {
data() {
return {
title: "Hello"
};
},
onLoad() {
},
methods: {}
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return {
a: common_vendor.t($data.title)
};
}
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "C:/Users/23082/Desktop/practice/vue-three/blind-box/pages/index/index.vue"]]);
wx.createPage(MiniProgramPage);
{
"navigationBarTitleText": "uni-app",
"usingComponents": {}
}
\ No newline at end of file
<view class="content"><image class="logo" src="/static/logo.png"></image><view class="text-area"><text class="title">{{a}}</text></view></view>
\ No newline at end of file
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.logo {
height: 200rpx;
width: 200rpx;
margin-top: 200rpx;
margin-left: auto;
margin-right: auto;
margin-bottom: 50rpx;
}
.text-area {
display: flex;
justify-content: center;
}
.title {
font-size: 36rpx;
color: #8f8f94;
}
... ... @@ -21,7 +21,24 @@
"libVersion": "3.0.2",
"appid": "touristappid",
"projectname": "blind-box",
"condition": {},
"condition": {
"search": {
"current": -1,
"list": []
},
"conversation": {
"current": -1,
"list": []
},
"game": {
"current": -1,
"list": []
},
"miniprogram": {
"current": -1,
"list": []
}
},
"editorSetting": {
"tabIndent": "insertSpaces",
"tabSize": 2
... ...
... ... @@ -3,5 +3,32 @@
"projectname": "blind-box",
"setting": {
"compileHotReLoad": true
},
"condition": {
"miniprogram": {
"list": [
{
"name": "我的卡券",
"pathName": "pages/mine/mine-coupon/mine-coupon",
"query": "",
"launchMode": "default",
"scene": null
},
{
"name": "我的-人气值",
"pathName": "pages/mine/mine-popularityInfo/mine-popularityInfo",
"query": "",
"launchMode": "default",
"scene": null
},
{
"name": "我的",
"pathName": "pages/mine/mine",
"query": "",
"launchMode": "default",
"scene": null
}
]
}
}
}
\ No newline at end of file
... ...