mechanicStore-app/unpackage/dist/dev/.uvue/app-android/pages/index/my.uvue

import _easycom_u_icon from '@/components/u-icon/u-icon.vue';
import { ref, reactive } from 'vue';
// --- 用户信息 ---
type UserInfo = {
    __$originalPosition?: UTSSourceMapPosition<"UserInfo", "pages/index/my.uvue", 179, 7>;
    name: string;
    avatar: string;
    level: number;
    growthValue: number;
    nextLevel: number;
    nextLevelGap: number;
    progressPercent: number;
};
type ToolItem = {
    __$originalPosition?: UTSSourceMapPosition<"ToolItem", "pages/index/my.uvue", 204, 7>;
    name: string;
    icon: string;
    color: string;
};
// avoid generic parameter on ref which earlier triggered an "interface does not
// have constructors" error; cast the initial value instead.
const __sfc__ = defineComponent({
    __name: 'my',
    setup(__props) {
        const __ins = getCurrentInstance()!;
        const _ctx = __ins.proxy as InstanceType<typeof __sfc__>;
        const _cache = __ins.renderCache;
        const userInfo = reactive<UserInfo>({
            name: '刘大锤',
            avatar: 'https://via.placeholder.com/100x100/4a90e2/ffffff?text=LD',
            level: 30,
            growthValue: 50,
            nextLevel: 2,
            nextLevelGap: 15,
            progressPercent: 75 // (50 / (50+15)) * 100 ≈ 75%
        } as UserInfo);
        // computed helpers to satisfy UTS inference rules
        // convert percent to a fixed rpx width (assuming 750rpx full width)
        const progressWidth = computed((): string => `${userInfo.progressPercent * 7.5}rpx`);
        // --- 工具列表 ---
        const tools = ref([
            { name: '学习园地', icon: 'book', color: '#ff9900' } as ToolItem,
            { name: '问题反馈', icon: 'chat', color: '#52c41a' } as ToolItem,
            { name: '定制优惠', icon: 'wallet', color: '#1890ff' } as ToolItem,
            { name: 'VIP俱乐部', icon: 'vip', color: '#faad14' } as ToolItem
        ] as ToolItem[]);
        // --- 方法 ---
        const contactService = () => {
            uni.showToast({ title: '联系客服', icon: 'none' });
        };
        const openSettings = () => {
            uni.showToast({ title: '打开设置', icon: 'none' });
        };
        const viewLevelDetail = () => {
            uni.showToast({ title: '查看等级详情', icon: 'none' });
        };
        const handleToolClick = (tool: ToolItem) => {
            uni.showToast({ title: `点击${tool.name}`, icon: 'none' });
        };
        const inviteFriends = () => {
            uni.showModal({
                title: '邀请好友',
                content: '分享链接邀请好友加入，单次最高可获奖励200元！',
                success: (res) => {
                    if (res.confirm) {
                        uni.showToast({ title: '已生成邀请链接', icon: 'success' });
                    }
                }
            });
        };
        const viewTeam = () => {
            uni.showToast({ title: '查看团队成员', icon: 'none' });
        };
        const joinPartner = () => {
            uni.showModal({
                title: '城市合伙人',
                content: '全新盈利模式助你创业，立即申请成为城市合伙人！',
                success: (res) => {
                    if (res.confirm) {
                        uni.showToast({ title: '申请已提交', icon: 'success' });
                    }
                }
            });
        };
        return (): any | null => {
            const _component_u_icon = resolveEasyComponent("u-icon", _easycom_u_icon);
            return _cE("view", _uM({ class: "page-container" }), [
                _cE("view", _uM({ class: "user-header" }), [
                    _cE("image", _uM({
                        src: userInfo['avatar'],
                        class: "avatar",
                        mode: "aspectFill"
                    }), null, 8 /* PROPS */, ["src"]),
                    _cE("view", _uM({ class: "user-info" }), [
                        _cE("text", _uM({ class: "username" }), _tD(userInfo['name']), 1 /* TEXT */),
                        _cE("view", _uM({ class: "badge-row" }), [
                            _cE("text", _uM({ class: "badge vip" }), " 王牌 ")
                        ])
                    ]),
                    _cE("view", _uM({ class: "header-actions" }), [
                        _cE("view", _uM({
                            class: "action-item",
                            onClick: contactService
                        }), [
                            _cV(_component_u_icon, _uM({
                                type: "customer-service",
                                size: "24",
                                color: "#666"
                            })),
                            _cE("text", null, " 客服 ")
                        ]),
                        _cE("view", _uM({
                            class: "action-item",
                            onClick: openSettings
                        }), [
                            _cV(_component_u_icon, _uM({
                                type: "gear",
                                size: "24",
                                color: "#666"
                            })),
                            _cE("text", null, " 设置 ")
                        ])
                    ])
                ]),
                _cE("view", _uM({ class: "level-card" }), [
                    _cE("view", _uM({ class: "level-main" }), [
                        _cE("text", _uM({ class: "level-title" }), " V" + _tD(userInfo['level']), 1 /* TEXT */),
                        _cE("text", _uM({ class: "level-sub" }), " 成长值 " + _tD(userInfo['growthValue']), 1 /* TEXT */)
                    ]),
                    _cE("view", _uM({ class: "level-progress" }), [
                        _cE("text", _uM({ class: "progress-text" }), " 还差" + _tD(userInfo['nextLevelGap']) + "成长值可升至V" + _tD(userInfo['nextLevel']), 1 /* TEXT */),
                        _cE("view", _uM({ class: "progress-bar" }), [
                            _cE("view", _uM({
                                class: "progress-fill",
                                style: _nS(_uM({ width: unref(progressWidth) }))
                            }), null, 4 /* STYLE */)
                        ]),
                        _cE("view", _uM({ class: "progress-labels" }), [
                            _cE("text", null, " V1 "),
                            _cE("text", null, " V2 ")
                        ])
                    ]),
                    _cE("view", _uM({
                        class: "level-badge",
                        onClick: viewLevelDetail
                    }), [
                        _cV(_component_u_icon, _uM({
                            type: "vip",
                            size: "40",
                            color: "#ffffff"
                        })),
                        _cE("text", null, " 我的等级 ")
                    ])
                ]),
                _cE("view", _uM({ class: "section-title" }), " 我的档案 "),
                _cE("view", _uM({ class: "profile-stats" }), [
                    _cE("view", _uM({ class: "stat-item" }), [
                        _cE("text", _uM({ class: "stat-value" }), " 60 "),
                        _cE("text", _uM({ class: "stat-label" }), " 签约 ")
                    ]),
                    _cE("view", _uM({ class: "stat-item" }), [
                        _cE("text", _uM({ class: "stat-value" }), " 21 "),
                        _cE("text", _uM({ class: "stat-label" }), " 解约 ")
                    ]),
                    _cE("view", _uM({ class: "stat-item" }), [
                        _cV(_component_u_icon, _uM({
                            type: "location",
                            size: "24",
                            color: "#666"
                        })),
                        _cE("text", _uM({ class: "stat-label" }), " 异地签到 ")
                    ]),
                    _cE("view", _uM({ class: "stat-item" }), [
                        _cV(_component_u_icon, _uM({
                            type: "cart",
                            size: "24",
                            color: "#666"
                        })),
                        _cE("text", _uM({ class: "stat-label" }), " 购买物料 ")
                    ])
                ]),
                _cE("view", _uM({ class: "section-title" }), " 我的工具 "),
                _cE("view", _uM({ class: "tools-grid" }), [
                    _cE(Fragment, null, RenderHelpers.renderList(tools.value, (tool, idx, __index, _cached): any => {
                        return _cE("view", _uM({
                            class: "tool-item",
                            key: idx,
                            onClick: () => { handleToolClick(tool); }
                        }), [
                            _cV(_component_u_icon, _uM({
                                type: tool.icon,
                                size: "32",
                                color: tool.color
                            }), null, 8 /* PROPS */, ["type", "color"]),
                            _cE("text", _uM({ class: "tool-name" }), _tD(tool.name), 1 /* TEXT */)
                        ], 8 /* PROPS */, ["onClick"]);
                    }), 128 /* KEYED_FRAGMENT */)
                ]),
                _cE("view", _uM({ class: "promo-cards" }), [
                    _cE("view", _uM({
                        class: "promo-card invite",
                        onClick: inviteFriends
                    }), [
                        _cE("view", _uM({ class: "promo-content" }), [
                            _cE("text", _uM({ class: "promo-title" }), " 邀请好友赚钱 "),
                            _cE("text", _uM({ class: "promo-subtitle" }), " 单次最高可奖200元 ")
                        ]),
                        _cV(_component_u_icon, _uM({
                            type: "gift",
                            size: "40",
                            color: "#ffd700"
                        }))
                    ]),
                    _cE("view", _uM({
                        class: "promo-card team",
                        onClick: viewTeam
                    }), [
                        _cE("view", _uM({ class: "promo-content" }), [
                            _cE("text", _uM({ class: "promo-title" }), " 我的团队 "),
                            _cE("text", _uM({ class: "promo-subtitle" }), " 团队成员100人 ")
                        ]),
                        _cV(_component_u_icon, _uM({
                            type: "person",
                            size: "40",
                            color: "#4a90e2"
                        }))
                    ])
                ]),
                _cE("view", _uM({
                    class: "partner-banner",
                    onClick: joinPartner
                }), [
                    _cE("view", _uM({ class: "partner-content" }), [
                        _cE("text", _uM({ class: "partner-title" }), " 寻找城市合伙人 "),
                        _cE("text", _uM({ class: "partner-subtitle" }), " 全新盈利模式助你创业 ")
                    ]),
                    _cE("view", _uM({ class: "partner-icon" }), [
                        _cV(_component_u_icon, _uM({
                            type: "person",
                            size: "50",
                            color: "#ffffff"
                        })),
                        _cV(_component_u_icon, _uM({
                            type: "person",
                            size: "30",
                            color: "#ffffff",
                            style: _nS(_uM({ "margin-left": "-20rpx" }))
                        }), null, 8 /* PROPS */, ["style"])
                    ])
                ])
            ]);
        };
    }
});
export default __sfc__;
const GenPagesIndexMyStyles = [_uM([["page-container", _pS(_uM([["backgroundColor", "#f5f6f8"], ["minHeight", "1000rpx"], ["boxSizing", "border-box"], ["paddingTop", "20rpx"], ["paddingRight", "20rpx"], ["paddingBottom", "20rpx"], ["paddingLeft", "20rpx"]]))], ["user-header", _pS(_uM([["display", "flex"], ["flexDirection", "row"], ["alignItems", "center"], ["paddingTop", "20rpx"], ["paddingRight", "20rpx"], ["paddingBottom", "20rpx"], ["paddingLeft", "20rpx"], ["backgroundImage", "none"], ["backgroundColor", "#ffffff"], ["borderTopLeftRadius", "16rpx"], ["borderTopRightRadius", "16rpx"], ["borderBottomRightRadius", "16rpx"], ["borderBottomLeftRadius", "16rpx"], ["boxShadow", "0 2rpx 8rpx rgba(0, 0, 0, 0.04)"]]))], ["avatar", _pS(_uM([["width", "100rpx"], ["height", "100rpx"], ["borderTopLeftRadius", "50rpx"], ["borderTopRightRadius", "50rpx"], ["borderBottomRightRadius", "50rpx"], ["borderBottomLeftRadius", "50rpx"], ["borderTopWidth", "2rpx"], ["borderRightWidth", "2rpx"], ["borderBottomWidth", "2rpx"], ["borderLeftWidth", "2rpx"], ["borderTopStyle", "solid"], ["borderRightStyle", "solid"], ["borderBottomStyle", "solid"], ["borderLeftStyle", "solid"], ["borderTopColor", "#eeeeee"], ["borderRightColor", "#eeeeee"], ["borderBottomColor", "#eeeeee"], ["borderLeftColor", "#eeeeee"]]))], ["user-info", _pS(_uM([["flexGrow", 1], ["flexShrink", 1], ["flexBasis", "0%"], ["display", "flex"], ["flexDirection", "column"]]))], ["username", _pS(_uM([["fontSize", "32rpx"], ["fontWeight", "bold"], ["color", "#333333"]]))], ["badge-row", _pS(_uM([["display", "flex"], ["flexDirection", "row"]]))], ["badge", _uM([["", _uM([["fontSize", "22rpx"], ["paddingTop", "4rpx"], ["paddingRight", "12rpx"], ["paddingBottom", "4rpx"], ["paddingLeft", "12rpx"], ["borderTopLeftRadius", "20rpx"], ["borderTopRightRadius", "20rpx"], ["borderBottomRightRadius", "20rpx"], ["borderBottomLeftRadius", "20rpx"], ["fontWeight", "bold"]])], [".vip", _uM([["backgroundImage", "linear-gradient(90deg, #4a90e2, #67b26f)"], ["backgroundColor", "rgba(0,0,0,0)"], ["color", "#ffffff"]])]])], ["header-actions", _pS(_uM([["display", "flex"], ["flexDirection", "row"]]))], ["action-item", _pS(_uM([["display", "flex"], ["flexDirection", "column"], ["alignItems", "center"], ["fontSize", "22rpx"], ["color", "#666666"]]))], ["level-card", _pS(_uM([["backgroundImage", "linear-gradient(135deg, #667eea 0%, #764ba2 100%)"], ["backgroundColor", "rgba(0,0,0,0)"], ["borderTopLeftRadius", "16rpx"], ["borderTopRightRadius", "16rpx"], ["borderBottomRightRadius", "16rpx"], ["borderBottomLeftRadius", "16rpx"], ["paddingTop", "30rpx"], ["paddingRight", "30rpx"], ["paddingBottom", "30rpx"], ["paddingLeft", "30rpx"], ["color", "#ffffff"], ["position", "relative"], ["overflow", "hidden"]]))], ["level-main", _pS(_uM([["display", "flex"], ["flexDirection", "row"], ["alignItems", "flex-start"], ["marginBottom", "20rpx"]]))], ["level-title", _pS(_uM([["fontSize", "48rpx"], ["fontWeight", "bold"]]))], ["level-sub", _pS(_uM([["fontSize", "28rpx"], ["opacity", 0.9]]))], ["level-progress", _pS(_uM([["marginBottom", "20rpx"]]))], ["progress-text", _pS(_uM([["fontSize", "24rpx"], ["opacity", 0.8], ["marginBottom", "10rpx"]]))], ["progress-bar", _pS(_uM([["height", "12rpx"], ["backgroundImage", "none"], ["backgroundColor", "rgba(255,255,255,0.3)"], ["borderTopLeftRadius", "6rpx"], ["borderTopRightRadius", "6rpx"], ["borderBottomRightRadius", "6rpx"], ["borderBottomLeftRadius", "6rpx"], ["overflow", "hidden"], ["marginBottom", "8rpx"]]))], ["progress-fill", _pS(_uM([["height", "12rpx"], ["backgroundImage", "none"], ["backgroundColor", "#ffffff"], ["borderTopLeftRadius", "6rpx"], ["borderTopRightRadius", "6rpx"], ["borderBottomRightRadius", "6rpx"], ["borderBottomLeftRadius", "6rpx"], ["transitionProperty", "width"], ["transitionDuration", "0.3s"], ["transitionTimingFunction", "ease"]]))], ["progress-labels", _pS(_uM([["display", "flex"], ["flexDirection", "row"], ["justifyContent", "space-between"], ["fontSize", "22rpx"], ["opacity", 0.7]]))], ["level-badge", _pS(_uM([["position", "absolute"], ["top", "20rpx"], ["right", "20rpx"], ["display", "flex"], ["flexDirection", "column"], ["alignItems", "center"], ["fontSize", "24rpx"], ["opacity", 0.9]]))], ["section-title", _pS(_uM([["fontSize", "30rpx"], ["fontWeight", "bold"], ["color", "#333333"], ["marginTop", "10rpx"], ["marginBottom", "15rpx"], ["paddingLeft", "10rpx"], ["borderLeftWidth", "4rpx"], ["borderLeftStyle", "solid"], ["borderLeftColor", "#4a90e2"]]))], ["profile-stats", _pS(_uM([["display", "flex"], ["flexDirection", "row"], ["justifyContent", "space-around"], ["backgroundImage", "none"], ["backgroundColor", "#ffffff"], ["borderTopLeftRadius", "16rpx"], ["borderTopRightRadius", "16rpx"], ["borderBottomRightRadius", "16rpx"], ["borderBottomLeftRadius", "16rpx"], ["paddingTop", "30rpx"], ["paddingRight", "20rpx"], ["paddingBottom", "30rpx"], ["paddingLeft", "20rpx"], ["boxShadow", "0 2rpx 8rpx rgba(0, 0, 0, 0.04)"]]))], ["stat-item", _pS(_uM([["display", "flex"], ["flexDirection", "column"], ["alignItems", "center"]]))], ["stat-value", _pS(_uM([["fontSize", "32rpx"], ["fontWeight", "bold"], ["color", "#333333"]]))], ["stat-label", _pS(_uM([["fontSize", "24rpx"], ["color", "#666666"]]))], ["tools-grid", _pS(_uM([["display", "flex"], ["flexDirection", "row"], ["flexWrap", "wrap"], ["backgroundImage", "none"], ["backgroundColor", "#ffffff"], ["borderTopLeftRadius", "16rpx"], ["borderTopRightRadius", "16rpx"], ["borderBottomRightRadius", "16rpx"], ["borderBottomLeftRadius", "16rpx"], ["paddingTop", "30rpx"], ["paddingRight", "30rpx"], ["paddingBottom", "30rpx"], ["paddingLeft", "30rpx"], ["boxShadow", "0 2rpx 8rpx rgba(0, 0, 0, 0.04)"]]))], ["tool-item", _pS(_uM([["width", "168rpx"], ["display", "flex"], ["flexDirection", "column"], ["alignItems", "center"], ["paddingTop", "20rpx"], ["paddingRight", 0], ["paddingBottom", "20rpx"], ["paddingLeft", 0]]))], ["tool-name", _pS(_uM([["fontSize", "24rpx"], ["color", "#666666"], ["textAlign", "center"]]))], ["promo-cards", _pS(_uM([["display", "flex"], ["flexDirection", "row"]]))], ["promo-card", _uM([["", _uM([["flexGrow", 1], ["flexShrink", 1], ["flexBasis", "0%"], ["borderTopLeftRadius", "16rpx"], ["borderTopRightRadius", "16rpx"], ["borderBottomRightRadius", "16rpx"], ["borderBottomLeftRadius", "16rpx"], ["paddingTop", "25rpx"], ["paddingRight", "25rpx"], ["paddingBottom", "25rpx"], ["paddingLeft", "25rpx"], ["display", "flex"], ["flexDirection", "row"], ["justifyContent", "space-between"], ["alignItems", "center"], ["boxShadow", "0 2rpx 8rpx rgba(0, 0, 0, 0.04)"]])], [".invite", _uM([["backgroundImage", "linear-gradient(135deg, #fff9e6 0%, #ffeaa7 100%)"], ["backgroundColor", "rgba(0,0,0,0)"]])], [".team", _uM([["backgroundImage", "linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%)"], ["backgroundColor", "rgba(0,0,0,0)"]])]])], ["promo-content", _pS(_uM([["display", "flex"], ["flexDirection", "column"]]))], ["promo-title", _pS(_uM([["fontSize", "28rpx"], ["fontWeight", "bold"], ["color", "#333333"]]))], ["promo-subtitle", _pS(_uM([["fontSize", "24rpx"], ["color", "#666666"]]))], ["partner-banner", _pS(_uM([["backgroundImage", "linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%)"], ["backgroundColor", "rgba(0,0,0,0)"], ["borderTopLeftRadius", "16rpx"], ["borderTopRightRadius", "16rpx"], ["borderBottomRightRadius", "16rpx"], ["borderBottomLeftRadius", "16rpx"], ["paddingTop", "30rpx"], ["paddingRight", "30rpx"], ["paddingBottom", "30rpx"], ["paddingLeft", "30rpx"], ["display", "flex"], ["flexDirection", "row"], ["justifyContent", "space-between"], ["alignItems", "center"], ["color", "#ffffff"], ["boxShadow", "0 4rpx 12rpx rgba(0, 0, 0, 0.08)"]]))], ["partner-content", _pS(_uM([["display", "flex"], ["flexDirection", "column"]]))], ["partner-title", _pS(_uM([["fontSize", "32rpx"], ["fontWeight", "bold"]]))], ["partner-subtitle", _pS(_uM([["fontSize", "26rpx"], ["opacity", 0.9]]))], ["partner-icon", _pS(_uM([["display", "flex"], ["flexDirection", "row"], ["alignItems", "center"]]))], ["@TRANSITION", _uM([["progress-fill", _uM([["property", "width"], ["duration", "0.3s"], ["timingFunction", "ease"]])]])]])];
//# sourceMappingURL=my.uvue.map