无忧美名网-一个根据诗经、古诗词等国学命名婴儿的小程序-uniapp端。使用UNIAPP可直接导出微信小程序、抖音小程序、快手小程序、百度小程序。
日历选择插件集成在前端，支持微信支付和字节跳动支付的对接，可以给宝宝取名、评分、下单、查订单。
命名结果包括:用户姓氏、生日、八字等基本信息;五行八卦信息;五行强弱信息;
名称详细信息包括:古诗词来源、大师点评名称(系统自动计算)、五行分析、名称音律分析、字义分析、生肖星座分析等。
CSDN源代码下载地址：https://download.csdn.net/download/u010978757/85504534
DATA5U源码网下载地址：https://code.data5u.com/code/detail-622.html
有些代码如：
<script> export default {
globalData: {
nameResKey: 'nrk', nameResKey2: 'nrk2', scoreResKey: 'srk', itemKey: 'imk', uuidKey: 'uidk', priceKey: 'prk', viewNumKey: 'vnk', uuid: '', debug: false, domain: 'http://127.0.0.1:8089' }, onLaunch: function() {
console.log('App Launch') }, onShow: function() {
console.log('App Show') // #ifdef MP-WEIXIN uni.setTabBarItem( {
index: 0, pagePath: "pages/index/index", iconPath: "static/tabbar/name.png", selectedIconPath: "static/tabbar/name_s.png", text: "国学起名" }, {
index: 1, pagePath: "pages/score/score", iconPath: "static/tabbar/score.png", selectedIconPath: "static/tabbar/score_s.png", text: "姓名测分" } ) // #endif // #ifndef MP-WEIXIN uni.setTabBarItem( {
index: 0, pagePath: "pages/index/index", iconPath: "static/tabbar/name.png", selectedIconPath: "static/tabbar/name_s.png", text: "国学起名" }, {
index: 1, pagePath: "pages/score/score", iconPath: "static/tabbar/score.png", selectedIconPath: "static/tabbar/score_s.png", text: "姓名测分" }, {
index: 2, pagePath: "pages/my/my", iconPath: "static/tabbar/user.png", selectedIconPath: "static/tabbar/user_s.png", text: "订单查询" } ) // #endif }, onHide: function() {
console.log('App Hide') } } </script> <style> /*每个页面公共css */ @font-face {
font-family: "iconfont"; /* Project id 3258732 */ src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAASQAAsAAAAACXwAAARCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDHAqGMIVBATYCJAMQCwoABCAFhGcHPRs+CBFVnCvJfhS4ewJtmLAItzwayom61GVY8P9HPnyd+T6imYU4mRLpWplZooAmJYNbeUtan7qpTwBO9LUhCHf3v9/MNEKXJTXojuaGaegX0iyuasf6b7vf/N6wCi2REiHSqJTEH/eqZiyNRdezLPCozD3wg8V2hwaoYw/CXokqhF1g5xCoVSdeAgIQ8GAKaGFxpRUBs7oXzUEMOIJRAnU1mTV9ajeMugk1QyaY2iE9kSP2QAd0K70FYHf+8+QLRhIjUHSG4DK1A0V9uPzhxOdipvk0YK+QjoAAd6YAHYAB5AuzkGnzrh6wMiWDYY0lOF6AExMJB10X8LnY52PJTalm+C8PCBINiB6Byo/wow0MD0wcM4HA5wAmUPhcbAJDLN/dCAgGSBhArICPa6aY2IYHB/HwAnEhIbrYWObnv/LJEzXi0lNiy7m3PXoE7bEl7NEGVs0hittd5OjTgLT9sSa5/Wc9UXu23Xhwxnb24c3t1++f1k7duzbVb5uTMJtL9N/uANXsPf7Mb3qf19wLtQvOiBanK9IldjvCHfYwq+LQEop9W4R6qcbt4UqD6iQ2V+QkVRnmEslsYXOC2CKnuoYFi5r67Ko4Ve2zDikMu+IChQuuE6AXtzs0e2uLzSkI2+xognbp7kZRuYmETRUae1cJNJFIabUMNtdmFC405tSGuIKpUwti8WtsZSnInz8/f1PEz/QFluYhvwSxU6eO20hKWCGbHNdFy9PqG2bLy5jP/EoTPXIaKYnNa36X8gkHCg/gU2Gej0tus2lQiKlek1nwtLkTsgGEPephBgUzHZ4ECcCltS2NgCLZR2Y80l21TJTCpHyHSZr4UI5oKSiQi4uUYLW5SQ0eKCqSC9wj15uU8nJv9AhF5KXJP55lZz/7X/mBVZoheIUZpv6cHCs4ffpAcLlpu1SVLVVUSNmnlr6dUkgx2v1V2L2hXtMXDXcFT+jNY/IyC02m42gwXW7hlI8myTS2WoupHjiMh9A5a1qHrs6RPYI7zH1TJYNhgx2KaRdVaLo55gEAfL/Gy1lATvWNHwyZx8zDzP+0nRyTC1M7Ayf/W4gf8tibluRwCvgec8jU+KeIxaL/lbpNiMjdMMD5mCyW/FddH8lC3yPBIoA/Uo7T9xCaiyoJRqE1JINYfYOaFEQXXoJONBIGIwssZtHph1DCGCkT4PYEIIK8gApwDpggbzTHf0Anwg/0gvxBoMb2YqKMyAKFzGAO6R2qjHoeaU2+7A6Lc8vUUPyESlcYBddyutkEe1R7HKIvhWcMB66og1i9HbYtgVBUY2as0hjh2zYf+xYro24QUBBjoBxI3YFKhvR4imzav28HFc5ajBKiTw5Fs5CWBy6LI0Anql409EI21y4KHsPgvBunkA6IXQdqwxQBYny7GsoYlnJDQvDZhMSlKuv0mu7tnYMleFIFJYxwogP/NapJSR1OdUYKBwMAAA==') format('woff2'); } .iconfont {
font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-user:before {
content: "\e7ae"; } .icon-home:before {
content: "\ea0e"; } .icon-score:before {
content: "\ea46"; } </style> 结果页面代码：
<template>
<view class="content">
<image class="head_img" src="@/static/index/head.jpg"></image>
<image class="t_img" src="@/static/second/second_basic_t.png"></image>
<view class="basic_info">
<view class="row">
<view class="row">
<view class="title">姓氏</view>
<view class="value">{
{
nameRes.xingShi}}</view>
</view>
<view class="row">
<view class="title">性别</view>
<view class="value">{
{
nameRes.sex}}</view>
</view>
</view>
<view class="row">
<view class="title">阳历生日</view>
<view class="value">{
{
nameRes.birthYang}}</view>
</view>
<view class="row">
<view class="title">农历生日</view>
<view class="value">{
{
nameRes.birthYin}}</view>
</view>
<view class="row">
<view class="title">生辰八字</view>
<view class="value">{
{
nameRes.bazi}}</view>
</view>
</view>
<image class="t_img" src="@/static/second/second_bazi_t.png"></image>
<view class="basic_info">
<text class="self-ming">按八字理论，本命属 {
{
nameRes.selfWuXing}}（{
{
nameRes.selfNaYin}}）</text>
<view class="row mt-10">
<view class="title w-20"></view>
<view class="title w-20">年柱</view>
<view class="title w-20">月柱</view>
<view class="title w-20">日柱</view>
<view class="title w-20">时柱</view>
</view>
<view class="row">
<view class="title w-20">八字</view>
<view class="value w-20">{
{
nameRes.yearBaZi}}</view>
<view class="value w-20">{
{
nameRes.monthBaZi}}</view>
<view class="value w-20">{
{
nameRes.dayBaZi}}</view>
<view class="value w-20">{
{
nameRes.timeBaZi}}</view>
</view>
<view class="row">
<view class="title w-20">五行</view>
<view class="value w-20">{
{
nameRes.yearWuXing}}</view>
<view class="value w-20">{
{
nameRes.monthWuXing}}</view>
<view class="value w-20">{
{
nameRes.dayWuXing}}</view>
<view class="value w-20">{
{
nameRes.timeWuXing}}</view>
</view>
<view class="row">
<view class="title w-20">纳音</view>
<view class="value w-20">{
{
nameRes.yearNaYin}}</view>
<view class="value w-20">{
{
nameRes.monthNaYin}}</view>
<view class="value w-20">{
{
nameRes.dayNaYin}}</view>
<view class="value w-20">{
{
nameRes.timeNaYin}}</view>
</view>
</view>
<image class="t_img" src="@/static/second/second_qr_t.png"></image>
<view class="basic_info">
<view class="row">
<view class="title w-20">五行</view>
<view class="value w-16">木</view>
<view class="value w-16">火</view>
<view class="value w-16">土</view>
<view class="value w-16">金</view>
<view class="value w-16">水</view>
</view>
<view class="row">
<view class="title w-20">强弱</view>
<view class="value w-16">{
{
nameRes.wuXingScoreMap.mu}}</view>
<view class="value w-16">{
{
nameRes.wuXingScoreMap.huo}}</view>
<view class="value w-16">{
{
nameRes.wuXingScoreMap.tu}}</view>
<view class="value w-16">{
{
nameRes.wuXingScoreMap.jin}}</view>
<view class="value w-16">{
{
nameRes.wuXingScoreMap.shui}}</view>
</view>
<view class="row col">
<view class="p-8">
<text class="wx-text">同类五行：{
{
join( nameRes.sameWuXing, '、' )}}, 得分 <text class="red"> {
{
nameRes.sameScore}}</text></text>
</view>
<view class="p-8">
<text class="wx-text">异类五行：{
{
join( nameRes.unsameWuXing, '、' )}}, 得分 <text class="red"> {
{
nameRes.unsameScore}}</text></text>
</view>
<view class="p-8">
<text class="wx-text">结合五行强弱情况分析，<text class="red"> {
{
nameRes.xiYongShen}}</text>为本命的【喜神】，<text class="red"> {
{
nameRes.ciYongShen}}</text>为本命的【用神】</text>
</view>
<view class="p-8">
<text class="wx-text">起名时应该优先考虑五行属性为 <text class="red"> {
{
nameRes.xiYongShen}}</text> 和 <text class="red"> {
{
nameRes.ciYongShen}}</text>的字为佳，好的名字陪伴宝宝一生！</text>
</view>
</view>
</view>
<image class="t_img" src="@/static/second/second_name_t.png"></image>
<view class="name_info">
<view class="a-name-line" v-for="(item, index) in nameRes.nameList" :key="index">
<view class="a-name-line-b">
<view class="fraction">{
{
item.score.totalScore}}<text class="score-txt">分</text></view>
<view class="zi-info">
<view class="zi" v-if="item.xing.length == 1">{
{
item.xing}}</view>
<view class="zi">{
{
item.name.split('')[0]}}</view>
<view class="zi">{
{
item.name.split('')[1]}}</view>
</view>
<view class="exp-info clear">
<view class="wuge">
<text class="">三才：</text>
<text class="red">{
{
item.sanCai}}</text>
<text class="ml-6">天格</text>
<text class="red">{
{
item.score.tianGe}}</text>
<text class="ml-6">地格</text>
<text class="red">{
{
item.score.diGe}}</text>
<text class="ml-6">人格</text>
<text class="red">{
{
item.score.renGe}}</text>
<text class="ml-6">总格</text>
<text class="red">{
{
item.score.zongGe}}</text>
<text class="ml-6">外格</text>
<text class="red">{
{
item.score.waiGe}}</text>
</view>
<view class="ziyi">
<text class="">性格标签：</text>
<text class="tag" v-for="(itemx, idxx) in item.tags.split(' ')" :key="idxx">{
{
itemx}}</text>
<text class="tag" v-if="nameRes.sex === '未出生'">适合{
{
item.forSex}}孩</text>
<